动画的持续时间取决于元素的高度

Question

我想要滑动元素，它的持续时间必须取决于高度。例如，如果高度为2000px，则持续时间也必须为2000

这是我的js

var element = document.getElementById('detail-'+thisID),
style = window.getComputedStyle(element),
content_height = style.getPropertyValue('height');
var height_js=parseInt(content_height, 10);
$('#wrap #detail-'+thisID).delay(700).slideDown(height_js);

我是正确的吗？如果是，错误在哪里？

Answer 1

如果您已经在使用jquery，则可以使用jQuery.height：

$('#wrap #detail-'+thisID).delay(700).slideDown($('#wrap #detail-'+thisID).height());

此外，在您的代码中，您应该只使用document.getElementById('detail-'+thisID')，而不是尾随#，这只是一个jquery选择器，用于标识应该通过Id搜索该元素。