如何让水平居中的页面出现滚动条时页面不跳动?
之前在做一个页面的时候,页面开始没有出现滚动条,当下拉加载更多的时候,出现了滚动条,这时发现水平居中的页面跳动了一下,也就是往左边移动滚动条宽度的距离。因为我们页面通常的做法都是margin:0 auto;来水平居中的。
那么对于这个问题有没有办法解决呢?开始想到的方法就是一开始就让页面有垂直滚动条,那么就达到统一,想想这或许不失为一个办法,但仔细想想这个并不是很好,是否还有其他的方法?后来去网上搜索一番,果然有不少的人都有这样的情况,发现也有一些方法,下面就是收集的一些方法和连接。
1、在支持的vw的浏览器,使用body{width:100vw}也能解决
2、可以看这篇文章“CSS vw让overflow:auto页面滚动条出现时不跳动
扩展阅读:再谈弹窗那些事