移动野生动物园 - 防止身体滚动（不使用固定位置）

Question

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

body {
    overflow: hidden;
}

对于移动游猎，我找到的唯一可行解决方案是添加：

body {
    overflow: hidden;
    position: fixed;
}

然而，这导致页面滚动到顶部，因此我正在尝试锁定的页面部分看不到。

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

由于

Answer 1

所以，你想要停止身体滚动，但滚动到顶部会隐藏你想要的内容吗？这似乎与自己相矛盾 - 你的意思是你想要阻止手动滚动，或者只是以某种方式限制它？

你可以尝试一些事情，但最终都会产生副作用，具体取决于你正在做的事情。

您可以将主体宽度和高度分别设置为100vw / 100vh。这可能不起作用取决于内容，如果你需要缩放它可能会有点难看。

你还可以在touchstart上添加某种类型的滚动并在body / html上触摸移动事件 - 但是如果你所说的滚动到顶部，这会隐藏你想要看到的内容......你为清晰起见，可能需要提供示例或屏幕截图/ pastebin。