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

　　今天做iframe需求時發(fā)現(xiàn)chorme總是會出現(xiàn)滾動條，怎么都去不掉，scrolling=”no”這個屬性絲毫不起作用。但是ie和firefox卻沒有出現(xiàn)這個滾動條，然后求助“龍笛”同學(xué)，才知道罪魁禍?zhǔn)资亲禹撁胬镉幸粭lhtml{overflow-y:scroll}引起的。

　　被iframe的頁面中存在css：html{overflow-y:scroll},webkit核心的瀏覽器下,父頁面頁面內(nèi)嵌套的iframe都會有出現(xiàn)滾動條這個問題。

　　頁面采用html{overflow-y:scroll}好處：

　　在非IE瀏覽器下,頁面默認(rèn)是沒有滾動條的16px寬的,如果頁面加載到一般,長度超過視口的高度,就會突然出現(xiàn)滾動條,導(dǎo)致頁面抖動

　　引用現(xiàn)在的頁面都是用的margin: 0 auto;來居中;

　　強(qiáng)制scroll,保持滾動條的位置一直有,一來可以防抖,二來可以較少一次reflow,增加頁面性能

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

生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈