如何在 Mobile Safari 中禁用滚动？

在移动 Safari 上禁用滚动

当遇到超出可见区域的长页面时，有必要在移动 Safari 上禁用滚动提供无缝的用户体验。本文通过探索解决方案来解决这一挑战，以防止内容在 iOS 设备上的页面“折叠”下方扩展。

正文溢出：隐藏的无效

应用“溢出： “隐藏”到 body 元素通常会限制大多数浏览器中的滚动。然而，这种方法在移动 Safari 上不起作用。此限制对在这些设备上隐藏超出视口的内容提出了挑战。

Html 和正文溢出：隐藏解决方案

要解决此问题，建议应用“溢出：隐藏；” HTML 和 body 元素。这种方法有效地禁用了移动 Safari 上的滚动，确保内容限制在浏览器的可见区域内。

iOS 9 特定修复

对于 iOS 9 用户，为了达到预期的结果，需要稍作修改。除了“overflow:hidden;”之外，添加“position:relative;”和“高度：100%；” HTML 和 body 的 CSS 规则。这些调整可确保 iOS 9 设备上正确禁用滚动。

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