84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
如何获取一个p里,元素们累积出来的高度?如下代码http://jsbin.com/nobifurisi/e...
我是想在手机端做一个slideDown的效果,但是jq自带的slideDown在手机上的动画效果太卡了。所以想用css3的transition模拟一个sldieDown,可是问题来了,我无法得知元素的高度。比如这个.bbb的height值,我现在是写死的300opx,但实际应该是.aaa里元素们累加出来的高度才对。那么这个高度究竟该怎么获取呢?谢谢
认证高级PHP讲师
css的话可以这个样子
.aaa { background-color: #38f; color: #fff; max-height: 100px; transition: 1s; overflow: hidden; margin-left: 10px; } .bbb { max-height: 300px; }
这里max-height值不应设得太大,不然动画起始那段不自然;JS的话就是获取子元素的高度加起来
$('#aaa').click(function() { var inner = $(this).find('p') var h = 0 inner.each(function(i, el) { h += $(el).height() }) $(this).height(h) })
css的话可以这个样子
这里max-height值不应设得太大,不然动画起始那段不自然;
JS的话就是获取子元素的高度加起来