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

Question

我想向下滑动元素，它的持续时间必须取决于高度。例如，如果高度为 2000 像素，则持续时间也必须为 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());

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