防止在HTML5中滚动

Question

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

我正在寻找这个的原因是能够在可见屏幕下方创建一个新的div，然后将其设置为动画（并向下显示。MoonBase显示我的意思。），以及我不希望用户能够向下滚动才能看到它。这可能吗？我可以设置meta标签吗？还是CSS？ - 或者，我对动画采取了错误的方法吗？也就是说，如果我只是从侧面进行动画处理（包括meta标记width=device-width），我的所有问题都会得到解决吗？这是我获得理想行为的最接近的方式吗？

Answer 1

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

body {
    overflow: hidden;
}