为什么在 html 和 body 上都设置“溢出”？答案

【问题标题】：Why setting `overflow` to both on html and body?为什么在 html 和 body 上都设置“溢出”？
【发布时间】：2015-05-07 08:22:59
【问题描述】：

我刚刚注意到很多css插件，在将页面溢出设置为隐藏时（例如），他们习惯将其设置为html和body，如下所示：

html, body {
    overflow: hidden;
}

例如，fullpage.js 就是这样做的。

将其设置为正文和 html 之间的确切区别是什么？
这是跨浏览器的把戏吗？

【问题讨论】：

【解决方案1】：

这是防止不需要的滚动条，尤其是水平条的 CSS 技巧。它阻止的是比显示的 html 或正文更宽的任何东西，因此阻止了滚动条。这是一篇深入的 csstricks 文章：https://css-tricks.com/findingfixing-unintended-body-overflow/

但是你会在最后注意到，他提到不建议将溢出隐藏在正文（和 html）上。

在 fullpage.js 的情况下，这很好，因为他们专门试图隐藏滚动条，以便他们的动画可以引入屏幕外的内容。

【讨论】：