jQuery 向下滑动到全高?jQuery如何知道元素的完整高度

jQuery slide down to full height? How does jQuery know the element's full height?

本文关键字：jQuery 元素 何知道 高度      更新时间：2023-09-26

我正在为类似于sublime text的代码折叠形式开发一些折叠函数。我希望能够在 20px 和div 的全高之间制作动画。我尝试做el.animate({'height':'20px'});然后el.slideUp();，但如果高度已经设置，jQuery 不会滑动元素。

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

您可以使用"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 })
相关文章：