我们在写PC端项目时,偶尔会出现页面在跳转之间会出现页面抖动的现象,
该现象是由于已关闭的页面内容少,未出现滚动条;而新打开的页面内容过多,出现了滚动条,使页面凭空多出了一个滚动条的宽度20px,因此会出现一瞬间的抖动
而要解决此问题,只需添加以下样式即可,该样式已经过实际项目考验,可放心使用
html {
overflow-y: scroll;
}
:root {
overflow-y: auto;
overflow-x: hidden;
}
:root body {
position: absolute;
}
body {
width: 100vw;
overflow: hidden;
}
注意 :
此方法会同步消除X轴上的滚动条