• 域名认证
  • 作品:147
  • 案例:18|
  • 教程:143|
  • 资讯:27|
  • 资源:141|
  • 总访问量:26850|

导航菜单
酷讯网络工作室欢迎你.
Html页面高度导致抖动问题的原因以及CSS解决方案

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

浏览次数:

作者: 淡淡的风

信息来源: 酷讯网络

更新日期: 2016-12-15 09:44:24

文章简介

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

  • 正文开始

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

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

html,body{ overflow-y:scroll;} 

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

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

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

收藏此文 ( ) 感觉不错,赞哦! 打赏本站

如果本文对你有所帮助请打赏本站

  • 打赏方法如下:
  • 支付宝打赏
    支付宝扫描打赏
    微信打赏
    微信扫描打赏

精彩评论