需求:头部菜单导航固定,中间正文可以拉动,在安卓手机正常,在ios上下拉的时候头部被带下来,有卡顿用户体验也不会,解决方法如下:
有问题的布局代码
<div class="page"> <div class="header"> 头部固定 </div> <div> 正文 </div> </div> <style> .header{ position:fixed; top:0; } .page{ position:absolute; overflow-y:scroll; } </style>
正确的布局方式是
<div class="header"> 头部固定 </div> <div class="page"> 正文 </div> <style> .header{ position:fixed; top:0; } .page{ position:absolute; overflow-y:scroll; -webkit-transform: translateZ(0); --硬件加速 } </style>
问题解决!
转载 http://www.itxst.com/detail/mb3qzfzm.html
原文地址:https://www.cnblogs.com/logspool/p/10847259.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。