在移动 Safari 上处理长网页时,可能需要阻止用户滚动过去初始可见内容。但是,将溢出:隐藏应用于
element 在这个特定的平台上并不总是能达到这种效果。为了解决这个问题,一个已被证明有效的解决方案是对 html 和 body 元素应用overflow:hidden。这种方法可以有效地控制移动 Safari 上的滚动行为:
html, body { overflow: hidden; }
但是,如果您专门使用 iOS 9,则可能会遇到必要代码的细微变化:
html, body { overflow: hidden; position: relative; height: 100%; }
这些调整可确保在移动 Safari 上禁用超出页面可见部分的滚动,从而使您能够实现所需的布局和用户体验。
以上是如何有效禁用 Mobile Safari 中的滚动?的详细内容。更多信息请关注PHP中文网其他相关文章!