隐藏滚动条后页面会整体右移动,如果让滚动条隐藏后页面不移动,我的方法是取得滚动条宽度,再加个padding-right,如果是这样如何获取滚动条宽度呢,谢谢
如果不需要兼容ie6-8, 可以用css
.wrap-outer {
margin-left: calc(100vw - 100%);
}
如果要兼容用js
window.innerWidth - window.document.body.clientWidth
offsetWidth
减去clientWidth
两者都是网页可见区域,offsetWidth包括滚动条和边框。
把滚动栏的position设置成relative看看。