首先,在子页面下直接写下下面这一段。可以根据子页面内容的大小适应自适应高度,
<script>
$(window.parent.document).find("#frame").load(function () {
console.log($(document).height());
var main = $(window.parent.document).find("#frame");
main.height(0);
var thisheight = $(document).height() + 60;
main.height(thisheight);
});
</script>
当页面上有动态添加内容时,在不刷新整体页面的情况下,页面内容,会有一部分显示不出
这就要用到这个
根据你动态新增出来的内容的高度(大概的),调用方法,调整页面高度
function tjgd(){
var main = $(window.parent.document).find("#frame");
var thisheight = $(document).height() - 60;
main.height(thisheight);
renderForm();
}