JS解决隐藏滚动页面左右滑动

//因打开弹窗的时候要禁止页面可以滑动，去掉滚动条时会出现左右晃动一下的情况
//解决办法：加上自定义滚动条

//设置浏览器滚动条的宽度
var widthBar = 17;
//获取html
var root = document.documentElement;
    //隐藏默认的滚动条
    root.style.overflow = 'hidden';
    //加上滚动条，该滚动条不能滑动
    root.style.borderRight = widthBar + 'px solid transparent';