如何防止在 iOS 设备上滚动和隐藏视口之外的内容？

在 iPhone/iPad 上隐藏折叠之外的内容

在移动 Safari 上禁用长页面滚动可能是一个挑战。将溢出：隐藏应用到

中单独的元素可能还不够。这是一个有效的解决方案：

解决方案：

应用溢出：隐藏； html 和 body 元素：

html,
body {
    overflow: hidden;
}

对于 iOS 9，您可能需要这个：

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

这将阻止页面滚动并隐藏超出范围的任何内容视口。请注意，此解决方案可能并不适合所有网站，因为它可能会破坏某些依赖滚动的功能，例如滑块或下拉菜单。

以上是如何防止在 iOS 设备上滚动和隐藏视口之外的内容？的详细内容。更多信息请关注PHP中文网其他相关文章！