移動式野生動物園-防止身體滾動（不使用固定位置）

Question

以下適用於大多數瀏覽器：

body {
    overflow: hidden;
}

對於移動瀏覽器，我發現的唯一可行的解​​決方案是添加：

body {
    overflow: hidden;
    position: fixed;
}

但是，這導致頁面滾動到頂部，因此，我試圖鎖定的頁面部分未正確顯示。

任何類型的解決方案都將有所幫助（按此順序按CSS / HTML / JS進行）。

謝謝

Answer 1

因此，您想停止主體滾動，但是滾動到頂部會隱藏您想要顯示的內容？ 這似乎是矛盾的-您是要阻止手動滾動，還是只是以某種方式限制滾動？

您可以嘗試多種方法，盡管最終所有方法都會產生副作用，具體取決於您所做的工作。

您可以將車身寬度和高度分別設置為100vw / 100vh。 根據內容，這可能不起作用，並且如果需要縮放，可能會有點難看。

您還可以在touchstart的頂部添加某種滾動，並在body / html上添加touchmove事件-但是，如果您要說的是滾動到頂部，這會隱藏您想要看到的內容……您可能需要為了清楚起見，請舉一個例子或截圖/粘貼框。