防止在HTML5中滚动

Question

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

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

Answer 1

你不需要JavaScript,只需使用CSS.设置overflow: hidden;:

body {
    overflow: hidden;
}