如何使用 CSS 在 iOS 中禁用滚动溢出 x

Question

我的网站如果在台式机和安卓设备上打开效果很好，但是当我在 Iphone 和 Ipad 等 iOS 设备上打开时，背景并没有像在其他设备上那样固定，它会扩大背景并创建空白空间页面的右侧，我使用user-scalable=no 使用户无法滚动到空白区域，但仍然无法正常工作。实际上，我已经使用了overflow-x: hidden;，但我的导航栏没有像往常一样工作，href 没有转到目标 ID。比如<a href="#news">news</a></li>应该去div id news，但它是随机去的。那么，我应该使用什么来防止用户在 iOS 中滚动？

这是iOS中空格的例子：

Answer 1

iOS Safari 有自己的一系列问题。它通常倾向于忽略所有溢出：隐藏在正文和 html 上。到目前为止，我发现的唯一解决方案是让您的身体与视口的大小完全一致并滚动其中的内容，或者只是固定身体的位置，以防您的背景在顶部有浮动内容时滚动你想滚动。