我正在使用这个 jquery 脚本来扩展子 DIV 100%。它工作正常,但 DIV 超出了浏览器窗口,因此我必须始终向下滚动。是否可以将 100% 高度更改为与父 DIV 而不是文档相关?
$(document).ready(function () {
$("#stretch").animate({ height: $(document).height() }, 500 );
});
尝试
$(document).ready(function () {
var $stretch = $("#stretch");
$('#stretch').animate({ height: $stretch.parent().height() }, 500 );
});
或者如果它不是即时父母:
$(document).ready(function () {
var $stretch = $("#stretch");
$('#stretch').animate({ height: $stretch.closest('parent-selector').height() }, 500 );
});
是的:
对于直接父母:
$(document).ready(function () {
var $stretch = $("#stretch");
$stretch.animate({ height: $stretch.parent().height() }, 500 );
});
如果不是直接父级,则可以替换closest
为parent
.