国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > web前端 > htmlcss > html{overflow-y:scroll}引起的iframe滚动条问题

html{overflow-y:scroll}引起的iframe滚动条问题

来源:程序员人生   发布时间:2013-10-17 17:38:04 阅读次数:3125次

  今天做iframe需求时发现chorme总是会出现滚动条,怎么都去不掉,scrolling=”no”这个属性丝毫不起作用。但是ie和firefox却没有出现这个滚动条,然后求助“龙笛”同学,才知道罪魁祸首是子页面里有一条html{overflow-y:scroll}引起的。

  被iframe的页面中存在css:html{overflow-y:scroll},webkit核心的浏览器下,父页面页面内嵌套的iframe都会有出现滚动条这个问题。

  页面采用html{overflow-y:scroll}好处:

  在非IE浏览器下,页面默认是没有滚动条的16px宽的,如果页面加载到一般,长度超过视口的高度,就会突然出现滚动条,导致页面抖动

  引用现在的页面都是用的margin: 0 auto;来居中;

  强制scroll,保持滚动条的位置一直有,一来可以防抖,二来可以较少一次reflow,增加页面性能

  出处:http://www.heiniuhaha.cn/blog/?p=1152

生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生