摘要：在做项目的时候发现莫名抖动，刚开始打开网页没什么问题，多滑动几次触发几次网页中的交互就发现在蜜汁抖动，寻找一个下午终于发现这个元凶，累到吐血，刚开始我还以为是动画效果或者过度效果对有影响，万万没想到是这东西。
在做项目的时候发现header莫名抖动，刚开始打开网页没什么问题，多滑动几次触发几次网页中的交互就发现header在蜜汁抖动，寻找一个下午终于发现position:fixed 这个元凶，累到吐血，刚开始我还以为是动画效果或者过度效果对header有影响，万万没想到是这东西。
经过查阅资料，总结出以下几种方法解决：
一.给fiexd加上如下CSS样式：
-webkit-transform: translateZ(0);
二.设置body CSS
body {height:100%;overflow:auto;margin: 0;}
这种方式可能会影响到页面的整体效果，不建议使用
三.在fiexd内设置position:absolute，如下：
----
第一种最为简单快捷，其余几种没有一一验证。
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/112628.html
摘要：同时，请在其他移动端浏览器也这么处理，不要只对苹果做这些处理。苹果对于虎头蛇尾的做法真让人头疼，这作风跟巨硬真像。 转载请注明英文原文及译文出处 原文地址：Issues with position fixed & scrolling on iOS 原文作者：Remy Sharp译文地址：移动端 fixed 和 scroll 问题 译文作者：鎏金圣手火麒麟 最近在做iOS端的H5页面...
摘要：同时，请在其他移动端浏览器也这么处理，不要只对苹果做这些处理。苹果对于虎头蛇尾的做法真让人头疼，这作风跟巨硬真像。 转载请注明英文原文及译文出处 原文地址：Issues with position fixed & scrolling on iOS 原文作者：Remy Sharp译文地址：移动端 fixed 和 scroll 问题 译文作者：鎏金圣手火麒麟 最近在做iOS端的H5页面...
摘要：同时，请在其他移动端浏览器也这么处理，不要只对苹果做这些处理。苹果对于虎头蛇尾的做法真让人头疼，这作风跟巨硬真像。 转载请注明英文原文及译文出处 原文地址：Issues with position fixed & scrolling on iOS 原文作者：Remy Sharp译文地址：移动端 fixed 和 scroll 问题 译文作者：鎏金圣手火麒麟 最近在做iOS端的H5页面...
摘要：发布于蒙层点击滚动穿透问题描述移动端浮层内部滚动的时候，会导致浮层覆盖的下面内容也会滚动解决方式蒙层出现的时候，给底部被覆盖的滚动容器并设置。 发布于：https://www.luoyangfu.com/art... 蒙层点击滚动穿透问题 描述: 移动端浮层内部滚动的时候，会导致浮层覆盖的下面内容也会滚动 解决方式:蒙层出现的时候，给底部被覆盖的滚动容器 position: fixe...
摘要：发布于蒙层点击滚动穿透问题描述移动端浮层内部滚动的时候，会导致浮层覆盖的下面内容也会滚动解决方式蒙层出现的时候，给底部被覆盖的滚动容器并设置。 发布于：https://www.luoyangfu.com/art... 蒙层点击滚动穿透问题 描述: 移动端浮层内部滚动的时候，会导致浮层覆盖的下面内容也会滚动 解决方式:蒙层出现的时候，给底部被覆盖的滚动容器 position: fixe...
阅读 3181·2021-11-23 09:51
阅读 2346·2021-10-18 13:33
阅读 749·2019-08-30 14:20
阅读 2473·2019-08-30 13:14
阅读 2358·2019-08-29 18:38
阅读 2755·2019-08-29 16:44
阅读 1062·2019-08-29 15:23
阅读 3247·2019-08-29 13:28
