css position fixed 在移动端上为什么会 晃来晃去
1个回答
展开全部
在自己手机上打开页面,向下滑动时这个div会出现短暂的向下瞬间移动之后马上跳回到最顶部,网上资料表明是position:fixed不兼容某些浏览器的缘故,解决方法有多种:
1.给这个设置了position:fixed的元素再设置一个CSS属性:-webkit-transform: translateZ(0);
2.给html, body元素设置CSS属性 {height:100%;overflow:auto;margin: 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:fiexd;bottom:0px;">
<div style="position:absolute;">
</div>
</div>
望采纳!
1.给这个设置了position:fixed的元素再设置一个CSS属性:-webkit-transform: translateZ(0);
2.给html, body元素设置CSS属性 {height:100%;overflow:auto;margin: 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:fiexd;bottom:0px;">
<div style="position:absolute;">
</div>
</div>
望采纳!
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询