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

问题描述

问 题

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

解决方案

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

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

如果要兼容用js

window.innerWidth - window.document.body.clientWidth

这篇关于javascript - 隐藏滚动栏,如何让页面不右移的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！