网页加载时左右跳动原因分析及解决方法

228 阅读 0 评论 151 点赞

我是靠谱客的博主魔幻大炮，最近开发中收集的这篇文章主要介绍网页加载时左右跳动原因分析及解决方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

最近在设计网站时就老有这个问题,设计好会员中心,内容为margin:0 auto;居中时,打开网页的一瞬间网页会向左摆一下,进了另一个页面时,网页又会向右摆一下,然后又向左摆回来,如果经常在页面中跳转,会看得头晕,原因是网页的高度不够时,右边的滚动条是不会出来的,这里网页的宽要加上滚动条的宽,margin:0 auto;时,网页的是居中的,但网页的高能够让浏览器出现滚动条时,这里的网页的宽当然就要减去滚动条的宽了,这时网页就会向左摆一点

不然道上面说的明不明白?应该有好多人都有过这种情况,解决方法很简单,就是在样式表(CSS)中让右滚动条一直出现就行了,网页高不够浏览器出现右滚动条时,也让它出来,代码是:

复制代码

代码如下:

html{overflow-y:scroll;}