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

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

　　今天做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

总结

以上是内存溢出为你收集整理的html{overflow-y:scroll}引起的iframe滚动条问题全部内容，希望文章能够帮你解决html{overflow-y:scroll}引起的iframe滚动条问题所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。