防止在HTML5中滾動

Question

我想阻止我的HTML5應用程序中的所有頁面滾動形式。我試圖在SO和Google上尋找的一般答案。防止所有滾動機制，但一切都非常具體 - 比如如何禁用滾動觸摸，或使用arrow keys或滾動條本身。

我期待這樣做的原因是爲了能夠創建可視屏幕下方的新div，和動畫它（和向下。這MoonBase顯示了我的意思。），我不希望用戶能夠向下滾動以查看它。這可能嗎？有沒有可以設置的meta標籤？或CSS？ - 或者，我是否對我的動畫採取了錯誤的做法？也就是說，如果我只是從側面進行動畫製作（包括meta標籤width=device-width），我所有的問題都會得到解決嗎？這是我獲得理想行爲的最接近的方式嗎？

Answer 1

您不需要JavaScript，只需使用CSS即可。設置overflow: hidden;：

body { 
    overflow: hidden; 
}