当动态改变 bootstrap madol 高度后，下面变成白色了，怎么办？

Question

如下图所示。刚开始的时候显示一切正常（第一个图）。当我动态添加一部分内容后，就出现了滚动条（第二个图），而滚动条滚动到下面后，发现出现空白页面（第三个图）。怎么才能在添加完内容后，让页面的灰色区域覆盖到新增的区域？

Answer 1

引用来自“zabcd117”的评论

这样可以自己给自己加分么。。。。

Answer 2

这样可以自己给自己加分么。。。。

Answer 3

我自己搞定了。在添加内容后，调用一下 resize() 方法就可以了，如: $(window).resize();。以下是我的代码：

<script>
$(function () {
	$("#appendSth").on("click", function(){
		$(".modal-body").append("<p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.</p>");
		$(window).resize();
	});
})
</script>