在PC 端,无论是什么浏览器,默认滚动条均来自<html>,而不是<body>标签。
- 当出现滚动条,页面可用宽度发生变化,导致页面发生晃动,
页面滚动条不发生晃动的小技巧:
html {
overflow-y: scroll; /* for IE8 */
}
:root {
overflow-y: auto;
overflow-x: hidden;
}
:root body {
position: absolute;
}
body {
width: 100vw;
overflow: hidden;
}
网友评论