divcss网页布局的页面中左右抖动

html-css018

divcss网页布局的页面中左右抖动,第1张

DIVCSS网页布局的页面中 左右抖动的解决方案。

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

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

html{overflow-y:scroll}

导致抖动的问题有很多， 具体需要看你的代码，比如：

动画重复播放

动画播放速度曲线

元素的大小发生了变化等等..

可以结合css3实现。

css3可以设置动画和过渡，动画当中可以设置旋转、移动和缩放等参数。

可以在长按的时候，更改为带有动画的类名，就可以执行css3的动画了。