• 今晚又失眠了,最近睡眠质量很差啊。

  • QsciScintilla 一个很好用的文本编辑器库

  • 愿逝者安息,愿生者奋发,愿祖国昌盛,致敬英雄

  • 身体是革命的本钱,猿(媛)仔们注意身体呀

  • 所谓”事务“就是指一组 SQL 命令,这些命令要么一起执行,要么都不被执行。

  • 遍历 for 循环时将,将外层写成函数,内层写成回调函数模式。

  • 网站被攻击了烦死了,今天一天都不能访问了

  • wordpress 官网抽风不能升级了!

  • Python 中 input 函数返回的始终是一个字符串。

  • 只有符合整数规范的字符串类数据,才能被 int()强制转换。因此:字符串’3.8’是不能被转换哟

iframe高宽自适应以及滚动条隐藏方法

学习教程 2018-03-28 10:18:36 8294次浏览 2个评论 扫描二维码

高宽自适应

1)我自己用的方法:

 

html 代码:

<iframe src="left.html" id="myiframe" scrolling="no" onload="changeFrameHeight()" frameborder="0" ></iframe>

js 代码

function changeFrameHeight() {
    var ifm = document.getElementById("myiframe");
    ifm.height = document.documentElement.clientHeight;

}

window.onresize = function() {
    changeFrameHeight();

}

ps:获取 iframe 高度还可以用:
ifm.contentWindow.document.documentElement.scrollHeight+'px';

 

2)个人觉得比较好的方法:

 

详情参见:http://caibaojian.com/iframe-adjust-content-height.html

 

 

隐藏滚动条兼容 IE、Chorme 、Firefox

 

实现方法添加滚动条 css 即可:

html {
      /*隐藏滚动条,当 IE 下溢出,仍然可以滚动*/ 
     -ms-overflow-style:none; 
     /*火狐下隐藏滚动条*/ 
     overflow:-moz-scrollbars-none;
}

    /*Chrome 下隐藏滚动条,溢出可以透明滚动*/ 
    html::-webkit-scrollbar{
            width:0px
    }

 

喜欢 (17)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(2)个小伙伴在吐槽
  1. Thanks for finally talking about >iframe高宽自适应以及滚动条隐藏方法 - 天命的博客 <Loved it!
    ΝΤΕΤΕΚΤΙΒ2018-04-13 09:51 回复 未知操作系统 | 未知浏览器
    • I'm glad to be able to help you!
      h2018-04-13 15:41 回复 未知操作系统 | 未知浏览器