html{overflow-y:scroll}引起的iframe滾動條問題

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

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈