网页的系统滚动条
- 当html和bodu只有html拥有overflow属性的时候 html的滚动条就会传递到系统同滚动条document上
- 当html和body 只有body拥有overflow属性 那么body的滚动条也会传递到系统滚动条上
- 当html和body都拥有overflow属性的时候 那么body的滚动条是属于body自己的 html的滚动条会传递到document上
禁止系统滚动条
<style>
html, body {
overflow: hidden;
height: 100%;
}
</style>
因为系统的滚动条要么是body给的 要么是html给的 所以如果我们将body和html的滚动条都禁止的时候 系统就不会有滚动条了
如上所示 我们需要将html和body的overflow都设置成hidden 但是如此的话超出页面都显示不了了 所以我们需要将body和html的高度也设置成100%;