Html页面高度导致抖动问题的原因以及解决方案(CSS方案)

今天有个客户问我一个导航每次切换页面有抖动的现象,仔细判断了下,问题是页面高度导致页面抖动,其实究其根本原因是滚动条是否显示导致的!当滚动条显示的时候,整个页面就会“抖动一下”!下面是在CSS里添加代码来解决的方案!

找到主CSS,在头部添加如下代码即可!

html,body{ overflow-y:scroll;}

html,body{ overflow:scroll; min-height:101%;}

html{ overflow:-moz-scrollbars-vertical;}

已在几个出现此现象的模板内测试成功!

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注