关于ios手机游览器针对overflow：hidden设置无效的解决办法

最新推荐文章于 2024-06-17 16:26:12 发布

转载最新推荐文章于 2024-06-17 16:26:12 发布 · 950 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/bluesky1024/p/6979003.html

文章标签：

#javascript #ViewUI

本文介绍了一种解决iOS6中网页滚动问题的方法。通常情况下，通过设置body标签的overflow属性为hidden可以阻止页面滚动，但此方法在iOS6上无效。文章提供了一个样式解决方案，即通过将body元素的位置设为fixed来实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Ordinarily, overflow: hidden; on the body tag is sufficient to prevent scrolling a web page, if for instance you’re creating a drawer to hold content that will scroll separately. However, this doesn’t work in iOS6. The best I’ve come up with so far is to set position: fixed:

body.lock-position { height: 100%; overflow: hidden; width: 100%; position: fixed; }

转载于:https://www.cnblogs.com/bluesky1024/p/6979003.html