页面出现滚动条时 不发生晃动

 

html {
    overflow-y: scroll; /* for IE8 */
}
 
:root {
    overflow-y: auto;
    overflow-x: hidden;
}
 
:root body {
    position: absolute;
}
 
body {
    width: 100vw;
    overflow: hidden;
}

使页面Y轴保持有滚动条的状态，X轴超出隐藏掉