进入我的博客

这里有您在其他地方看不到的web前端方面的技术、知识及资源

这里有您在其他地方看不到的web前端方面的技术、知识及资源
it's my whole life!

我的微码

« 查看全部微码

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

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

分享:新浪微博

评论

0人参与,0条评论)

抱歉,服务器忙,未能成功提交,稍后重试。

Designed & Powerd by zhangxinxu
Copyright© 2009-2017 张鑫旭-鑫空间-鑫生活
鄂ICP备09015569号