CSS vw让overflow:auto页面滚动条出现时不跳动

来源：互联网发布：淘宝卖家中心怎么进入编辑：程序博客网时间：2024/05/31 11:03

最开始的需求是出现一个弹出框，弹出框下面部分不会滚动，但是发现一个问题，就是不滚动和可以滚动的区别是滚动条，而滚动条占据了宽度，设置100%就会使内容各种跳，一开始用了各种方法，js用过，但是不好，虽然我是点击事件，但是能用css解决的就不用js。后来用了各种绝对定位盖住滚动条啊，calc盖住滚动条啊，都不完美，总是有新的问题出现，然后就发现了一个大神的空间有一个完美解决此问题的方法，然后试过之后真的完美解决，下面是代码和大神空间的链接

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

http://www.zhangxinxu.com/wordpress/2015/01/css-page-scrollbar-toggle-center-no-jumping/#comment

0 0