javascript - jQuery 向下滑动到全高？ jQuery 如何知道元素的全高？

Question

我正在为类似于 sublime text 的代码折叠的形式开发一些折叠功能。我希望能够在 20px 和 div 的全高之间设置动画。我试过 el.animate({'height':'20px'}); 然后 el.slideUp();，但是如果高度已经设置。

有没有一种简单的方法可以用 jQuery 做到这一点，当你执行 .slideDown() 时，jQuery 如何知道将高度动画化到什么？

Answer 1

您可以通过"display: block"获取元素的完整高度；

所以如果你有一个隐藏的元素，你可以将它的位置设置为绝对，将它定位在屏幕之外并像这样获取它的尺寸:

$('#el').css('position', 'absolute').css('left', '99999px').css('display', 'block');
var h = $('#el').height();
$('#el').css('position', 'relative').css('display', 'none');

至于您的问题，请在动画完成后检查您是否正在滑动。使用:

el.animate({'height':'20px'}, delay, function() { slide here })