防止在HTML5中滚动

Question

我想阻止我的HTML5应用程序中的所有页面滚动形式。我试图在SO和Google上寻找的一般答案。防止所有滚动机制，但一切都非常具体 - 比如如何禁用滚动触摸，或使用arrow keys或滚动条本身。

我期待这样做的原因是为了能够创建可视屏幕下方的新div，和动画它（和向下。这MoonBase显示了我的意思。），我不希望用户能够向下滚动以查看它。这可能吗？有没有可以设置的meta标签？或CSS？ - 或者，我是否对我的动画采取了错误的做法？也就是说，如果我只是从侧面进行动画制作（包括meta标签width=device-width），我所有的问题都会得到解决吗？这是我获得理想行为的最接近的方式吗？

Answer 1

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

body { 
    overflow: hidden; 
}