Iframe去除滚动条

17 篇文章 0 订阅
1 篇文章 0 订阅

外层html结构: 

 <html style="overflow:hidden;">  

<ul>menu</ul>    

 <div id="content" style="overflow:hidden;"><iframe id="iframeid" src="xxx.html" /></div> 

</html>

  

 #加入到iframe页面的js,可以加入到js文件,其他文件引用。 

 完美解决iframe双滚动条显示 

 function resizeFrame(frameId,top-set,left-set) { 

     //document.body.style.overflow='scroll'; 

     document.body.style.overflowX='hidden'; 

     var parentDocEle = parent.document.documentElement; 

    $("html").add("body").css({"overflow-x:":"hidden","overflow-y:":"scroll"}); 

    var newrectage ={'height':parentDocEle.clientHeight-top-set,'width':parentDocEle.scrollWidth-left-set}; 

     var pcontent = parent.document.getElementById("content"); 

    $(pcontent).css({'height':newrectage.height+'px','width':newrectage.width+'px'});  

     $(parent.document.getElementById(frameId)).css({'width':newrectage.width,'height':newrectage.height});  

$(parent).resize(function() { 

    resizeFrame("iframeid",76,240); 

}); 

$(parent).resize();

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值