破案!解决chrome的iframe隐藏后滚动条消失的问题

尤里2号   ·  10月前   ·   前端设计

chrome中,一个高度受限的iframe,其样式经历display:none到display:block的转变后,滚动条蜜汁消失!

而其他浏览器如IE、火狐都没有这个问题


这是个老BUG,最早提交于2016年8月

https://bugs.chromium.org/p/chromium/issues/detail?id=641881


谷歌的工程师修复了两年,时好时坏

目前52、54、56版都有这个问题


不要迷信老大哥公司,他们的程序也是人写的

所以在谷歌给出正式解决方案前,我们程序员还是要靠自己


经多次调试,在子页使用如下样式可以解决

html{overflow-x: hidden;    height: 100%;}
body{margin: 0;    padding: 0;    overflow-x: auto;    height: 100%;}

本次调试又快有准,更多调试技巧请戳:尤里2号的博客——DEBUG心得


新技能GET!还不赶紧收藏点赞一波?


特别鸣谢:

1.LarryCMS 后台模板 提供解决思路

2.@小黑屋 参与讨论解决


3 条回复   |  直到 10月前 | 555 次浏览

小黑屋 10月前 支持  0 | 反对  0

发帖都不忘给自己打广告

慕若曦 10月前 支持  0 | 反对  0

发帖都不忘给自己打广告

谁把年华错落成诗 10月前 支持  0 | 反对  0

发帖都不忘给自己打广告

登录后才可发表内容