这通常是由于页面宽度设置不当导致的。当页面内容没有占满屏幕时,右侧不会出现滚动条,但当内容加载更多时,页面宽度设置为auto会导致整个页面向左移动,从而产生抖动现象。
解决方法
设置页面宽度为100vw:通过设置body
的宽度为100vw
(视口宽度),可以确保页面宽度始终填满整个视口,从而避免因内容加载而导致的页面移动。
html {
overflow-x: hidden;
overflow-y: auto;
}
body {
width: 100vw;
overflow: hidden;
padding-right: calc(100vw - 100%);
}