overflow:scroll在浏览器中的机制
单独给html设置时,窗口出现滚动条。
html{
overflow:scroll
}
单独给body设置时,窗口出现滚动条。
body{
overflow:scroll
}
给html和body都设置时,body出现滚动条,窗口也出现滚动条。
html{
overflow:scroll
}
body{
overflow:scroll
}
原因:
1、给html设置overflow,会作用到窗口上。
2、当没有设置html中的overflow属性时,,单独给body设置overflow属性,会作用到窗口上。
3、当设置了html中的overflow属性,再设置body中的overflow时,分别作用于窗口和body。
禁止系统默认滚动条
html, body {
overflow:hidden;
}