这种浏览器滚动条,在页面内容加载时会出现晃动。
我在网上搜索了一下。
有说这个方法的,实际测试下来,确实没有滚动条,也不晃动了,但是鼠标滑轮就不能控制界面上下滚动了,这个应该是需要自己写滚动条的,比较麻烦。所以我就pass掉了
html {
overflow-y: scroll;
}
:root {
overflow-y: auto;
overflow-x: hidden;
}
:root body {
position: absolute;
}
body {
width: 100vw;
overflow: hidden;
}
最后我就干脆让所有页面都有一个滚动条,这样既简单又解决了晃动的办法,但是不是很美观。但这是最简单的方法了
html{
overflow:scroll
}