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

Posted 2021-05-02

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

body {
    overflow: hidden;
}

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

body {
    overflow: hidden;
    position: fixed;
}

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

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

谢谢

答案

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

你可以尝试很多东西，但最终都会产生副作用，这取决于你正在做的事情。

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

你还可以在touchstart和touchmove上添加某种滚动到body / html上的事件 - 但如果你所说的滚动到顶部，这会隐藏你想要看到的内容......你可能需要为清晰起见，举例或截图/ pastebin。