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

Question

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

body {
    overflow: hidden;
}

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

body {
    overflow: hidden;
    position: fixed;
}

但是，这导致页面滚动到顶部，因此，我试图锁定的页面部分未正确显示。

任何类型的解决方案都将有所帮助（按此顺序按CSS / HTML / JS进行）。

谢谢

Answer 1

因此，您想停止主体滚动，但是滚动到顶部会隐藏您想要显示的内容？ 这似乎是矛盾的-您是要阻止手动滚动，还是只是以某种方式限制滚动？

您可以尝试多种方法，尽管最终所有方法都会产生副作用，具体取决于您所做的工作。

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

您还可以在touchstart的顶部添加某种滚动，并在body / html上添加touchmove事件-但是，如果您要说的是滚动到顶部，这会隐藏您想要看到的内容……您可能需要为了清楚起见，请举一个例子或截图/粘贴框。