滚动条出现页面不晃动的终极处理

滚动条出现页面不晃动的终极处理

特别适合居中布局。如果是全屏布局，右侧需要留有一定的距离，例如20px，否则可能会出现内容被滚动条覆盖的情况。
相关文章：http://www.zhangxinx…e-center-no-jumping/

完整代码

html {
  overflow-y: scroll;
}

:root {
  overflow-y: auto;
  overflow-x: hidden;
}

:root body {
  position: absolute;
}

body {
  width: 100vw;
  overflow: hidden;
}

文章转载自：http://www.zhangxinxu.com/php/microCodeDetail.php?id=1