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

2017-03-03 00:06

特别适合居中布局。如果是全屏布局，右侧需要留有一定的距离，例如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;
}

标签：CSS

分享：新浪微博