css position fixed 在移动端上为什么会 晃来晃去

html-css05

css position fixed 在移动端上为什么会 晃来晃去,第1张

在自己手机上打开页面，向下滑动时这个div会出现短暂的向下瞬间移动之后马上跳回到最顶部，网上资料表明是position:fixed不兼容某些浏览器的缘故，解决方法有多种：

1.给这个设置了position:fixed的元素再设置一个CSS属性：-webkit-transform: translateZ(0)

2.给html, body元素设置CSS属性 {height:100%overflow:automargin: 0}

3.引入jquery1.7.2的类库，<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

4.在fiexd内设置position:absolute，如：

<div style="position:fiexdbottom:0px">

<div style="position:absolute">

</div>

</div>

望采纳！

有可能是鼠标滑过的时候，因为文字，图片，间距或者边框等带有宽度和高度产生变化，导致的。ie6下面会有双倍边距的产生，这样会导致div出现错位，就有一定的晃动。你在仔细查查div的宽度之和是否超过了总宽度