iframe里面的内容有滚动条，且iframe高度以它为准及扩展

最新推荐文章于 2022-10-17 14:49:56 发布

dongsdh

最新推荐文章于 2022-10-17 14:49:56 发布

阅读量482

点赞数

分类专栏： iframe 文章标签： css html javascript

本文链接：https://blog.csdn.net/dongsdh/article/details/103508714

版权

iframe 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<style>
    	#tAmMAPFtP4rFjcbO_context{
    		overflow: visible;//有滚动条的盒子
    	}
    </style>
    <script>
    	function IFrameResize(){
    		setTimeout(function(){
    			let h = $('#tDQziMI0pMAn0mMz').height()+100;//有滚动条的盒子--》里面的内容
				let main = $(window.parent.document).find("#pagecon");//找到父级iframe的id
				main.height(h);
    		},500)
    	}
    </script>
</head>
<body onload="IFrameResize()">

$("html,body").animate({scrollTop:0},10);//让当前页面滚动条到顶部（分页按钮，回到顶部按钮）
parent.window.scrollTo(0, 0);            //让父级页面滚动条回到顶部（子页的分页按钮点击后）

var $iframe = $('#J_content');
            $iframe.css('height', window.screen.availHeight-130+'px');

let main = $(window.parent.document).find("#J_content"); //找到父级iframe的id
main.height(h);

在iframe中操作内容，让整个页面回到顶部

function totop() {
      var scroll_top = window.parent.document.scrollingElement;
      $(scroll_top).animate({
        scrollTop : '0px'
      }, 400);
}

20200727追加-iframe子页面加载完成后,把父级容器撑开

$("#rContent").load(function(){   
//				var h = $("#rContent").find('.cbox').height();
				
				setTimeout(function(){
					var h = $("#rContent").contents().find("#prebox").height();
					console.log(h);
					if(h>822){
						$('.rifarmebox').css('height',h);
					}else{
						$('.rifarmebox').css('height','822px');
					}
				},400)
//				console.log(h);
		     });

dongsdh

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
iframe里面的内容有滚动条，且iframe高度以它为准及扩展

<style> #tAmMAPFtP4rFjcbO_context{ overflow: visible;//有滚动条的盒子 } </style> <script> function IFrameResize(){ setTimeout(function(){ let h = ...
复制链接

扫一扫