隐藏滚动栏,如何让页面不右移

Question

隐藏滚动条后页面会整体右移动，如果让滚动条隐藏后页面不移动，我的方法是取得滚动条宽度，再加个padding-right,如果是这样如何获取滚动条宽度呢，谢谢

Answer 1

如果不需要兼容ie6-8, 可以用css

.wrap-outer {
    margin-left: calc(100vw - 100%);
}

如果要兼容用js

window.innerWidth - window.document.body.clientWidth

Answer 2

把滚动栏的position设置成relative看看。

Answer 3

offsetWidth减去clientWidth
两者都是网页可见区域，offsetWidth包括滚动条和边框。

Answer 4

不要用html 的滚动条