未分类

www6766comiframe高度自适应及隐藏滚动条的实例详解_javascript技巧_脚本之家

23 3月 , 2020  

 var ifm= document.getElementById; ifm.height=document.documentElement.clientHeight;

www6766com ,iframe高度自适应及隐藏滚动条的实例详解

  function showS() { document.getElementById.scrolling="yes"; document.getElementById.style.overflow="scroll"; //alert(document.getElementById; } function hideS() { document.getElementById.scrolling="no"; document.getElementById.style.overflow="hidden"; //alert(document.getElementById.style.overflow); }   <!-- .ifr{width:600px;height:600px;background:#fff;overflow:hidden;display:block;position:absolute;top: 0;left: 0;right: 0;} -->    var iframe = document.getElementById; iframe.src = "http://huichang.qunar.com/huiQunar"; //&#20197;&#19979;&#21028;&#26029;iframe&#26159;&#21542;&#21152;&#36733;&#23436;,&#24182;&#19988;&#38544;&#34255;&#28378;&#21160;&#26465; if { iframe.attachEvent{ //hideS(); //document.getElementById.style.display="none"; }); } else { iframe.onload = function; //document.getElementById.style.display="none"; }; } 

如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

www6766comiframe高度自适应及隐藏滚动条的实例详解_javascript技巧_脚本之家。取巧的方式隐藏滚动条

取巧的方式就是,我们给iframe的宽度设置成101%,这样就可以把滚动条隐藏到屏幕外面,在将其overflow-x设置成hiden就行。这种方法在移动端
就没必要了。

高度自适应并且隐藏滚动条

在工作中,我们可能会遇到自己公司和其他的公司达成合作关系,从而共同开发某个项目。而这时候,我们可能就需要在自己的网站上嵌入别人做好的页面。而这种情况下,我们一般都会选择去使用iframe达到我们的目的。但是iframe用起来,真的是让人头痛,高度无法控制,难看的滚动条等等,下面我分享一下自己在处理iframe时的一些心得。

高度自适应


相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图