解决浏览器滚动条导致的页面闪烁问题_macchrome浏览器滑动闪屏

作者：在线问答5 | 2024-06-30 04:41:34

踩

macchrome浏览器滑动闪屏

解决浏览器滚动条导致的页面闪烁问题

说明

我网页初始加载时网页内容没有占满整个高度，后面随着我添加内容，当内容接近浏览器底部时，导致滚动条忽然出现，此时就出现了页面闪烁情况。

/*方式1 推荐*/
.wrap-outer{
    margin-left: calc(100vw - 100%);
}
1
2
3
4

首先，.wrap-outer指的是居中定宽主体的父级，如果没有，创建一个。
如果是全局滚动条导致的闪烁，也可以尝试设为 body 标签，不过要自行测试一下。
如我的 body{ margin-left: calc(100vw - 100%); }

html{
    margin-right: calc(100% - 100vw);
    overflow-x: hidden;
} 
1
2
3
4

方式2 经过我的测试，浏览器不会出现闪烁了，但会导致我下面的滚动条不会出现。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/在线问答5/article/detail/771415