如何禁用 Mobile Safari 中的滚动功能？

在 Mobile Safari 中禁用滚动：综合指南

Mobile Safari 虽然提供直观的浏览体验，但在尝试禁用时可能会带来挑战在长页面上滚动。当内容超出用户的可见屏幕时，就会出现此问题，可能会导致不必要的滚动行为。

为了解决此问题，人们可能会本能地将 CSS 的“overflow:hidden”属性应用于 body 元素。然而，这种方法在移动 Safari 环境中经常失败，让开发人员感到困惑。

为了克服这个限制，解决方案在于将 'overflow:hidden' 属性扩展到 body 元素之外，以包含 HTML 元素。通过将“html”和“body”设置为“overflow:hidden”，您可以有效地防止浏览器窗口滚动，从而将内容限制在可见视口中。

html,
body {
    overflow: hidden;
} 

特别是对于 iOS 9，一个额外的可能需要进行调整：

html,
body {
    overflow: hidden;
    position: relative;
    height: 100%;
}

通过应用这些 CSS 更改，您可以有效地禁用移动 Safari 上的滚动，确保您的内容保持整齐地包含在用户的可见屏幕。

以上是如何禁用 Mobile Safari 中的滚动功能？的详细内容。更多信息请关注PHP中文网其他相关文章！