移动野生动物园 - 防止body滚动(不使用固定位置)

Question

以下内容适用于大多数浏览器：

body {
    overflow: hidden;
}

对于移动野生动物园，我发现唯一有效的解决方案是添加：

body {
    overflow: hidden;
    position: fixed;
}

但是，这会导致页面滚动到顶部，因此无法正确看到我尝试锁定的页面部分。

任何类型的解决方案都会有所帮助(css/html/JS，按此顺序(。

谢谢

Answer 1

所以，你想停止身体滚动，但滚动到顶部隐藏你想要可见的内容？ 这似乎自相矛盾 - 你的意思是你想防止手动滚动，还是只是以某种方式限制它？

你可以尝试很多事情，尽管最终都会有副作用，这取决于你正在做的事情。

您可以将车身宽度和高度分别设置为 100vw/100vh。 根据内容的不同，这可能不起作用，如果您需要缩放，它可能会变得有点难看。

您还可以在 touchstart 上添加某种滚动到顶部，并在

正文/html 上添加触摸移动事件 - 但如果您所说的滚动到顶部，这会隐藏您想要看到的内容......为了清楚起见，您可能需要提供示例或屏幕截图/粘贴。