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

最开始的需求是出现一个弹出框，弹出框下面部分不会滚动，但是发现一个问题，就是不滚动和可以滚动的区别是滚动条，而滚动条占据了宽度，设置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