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

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

浏览次数:
作者: 墨鱼
信息来源: 本站原创
更新日期: 2016-12-15 01:43:42
文章简介

html,body{ overflow-y:scroll;} html,body{ overflow:scroll; min-height:101%;} html{ overflow:-moz-scrollbars-vertical;}

  • 正文开始
  • 相关阅读
  • 推荐作品

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

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

html,body{ overflow-y:scroll;} 

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

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

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

转载请注明: 帝国CMS模板 » Html页面高度导致抖动问题的原因以及解决方案(CSS方案)

标签:
IIS7错误:不能在此路径中使用此配置节。如果在父级别上锁定了该节,便会出现这种情况。锁定是默认设置的(overrideModeDefault="Deny")......
« 上一篇 2016年12月04日
帝国CMS信息增加随机点击数的修改方法(最新教程)
下一篇 » 2016年12月15日
最近发布作品
更多

如本文对您有帮助,就请墨鱼抽根烟吧!