IntersectionObserver鼠标在页面左右滑动时,右侧滚动条会上下抖动,但页面不会
这通常是由于页面宽度设置不当导致的。当页面内容没有占满屏幕时,右侧不会出现滚动条,但当内容加载更多时,页面宽度设置为auto会导致整个页面向左移动,从而产生抖动现象。
解决方法
设置页面宽度为100vw:通过设置body
的宽度为100vw
(视口宽度),可以确保页面宽度始终填满整个视口,从而避免因内容加载而导致的页面移动。
html {
overflow-x: hidden;
overflow-y: auto;
}
body {
width: 100vw;
overflow: hidden;
padding-right: calc(100vw - 100%);
}
原文地址:https://blog.csdn.net/poguanba/article/details/143592369
免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!