可以防止瀏覽器窗口始終垂直移動/滾動嗎？

Question

我有一個網站目前正在建立，我想阻止任何垂直運動。

的當前構建包括其中包含一個HTML索引頁（和鏈接CSS文檔）：

利用jQuery的手風琴（膨脹和對按合同）在一個div的菜單。

在此之後直接在div中的容器，它被菜單div壓下。

只要這些高度超過我正在測試的屏幕高度，用戶就可以通過觸摸垂直移動頁面。我想完全防止這種情況。

本質上，內容可以是任何高度 - 1000px，10000px，任何高度 - 你將無法垂直滾動，無論高度如何，內容都將固定在位。

我想用CSS做到這一點，但我知道我可能不得不涉及jquery。

我確實希望這是有道理的。由於項目極其敏感，因此我無法在此時發佈示例，因此我創建了一個視覺，試圖解釋下面我想要實現的目標。

Answer 1

對於沒有滾動可言，嘗試

body { 
    position: fixed; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    overflow: hidden; 
} 

對於沒有垂直滾動，但水平OK，儘量

body { 
    position: fixed; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    overflow-x: hidden; 
    overflow-y: scroll; 
}