1. overflow-y: scrolll; 滾動條常駐。
2. 在居中元素外層包裹一個元素,對其設(shè)置:
margin-left: calc(100vw - 100%);
100vw為瀏覽器的innerWidth, 100%為不包含滾動條的可用寬度,
從而從視覺上擺脫了抖動的問題。
3. 傳說中的終極解決方案:
html {
overflow-y: scroll;
}
:root {
overflow-y: auto;
overflow-x: hidden;
}
:root body {
position: absolute;
}
body {
width: 100vw;
overflow: hidden;
}