js获取滚动条宽度

风如白话

于 2021-05-15 11:30:35 发布

阅读量2.9k

点赞数

分类专栏： # javascript 文章标签：滚动条宽度 js

本文链接：https://blog.csdn.net/weixin_43838488/article/details/116839925

版权

javascript 专栏收录该内容

43 篇文章

订阅专栏

本文详细介绍了如何使用JavaScript计算元素的滚动条宽度，通过创建隐藏div并观察其宽度变化来实现，这对于布局调整和响应式设计至关重要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js获取滚动条宽度

getScrollbarWidth() {
    let scrollDiv = document.createElement('div');
    scrollDiv.style.cssText = 'width: 99px; height: 99px; overflow: scroll; position: absolute; top: -9999px;'
    document.body.appendChild(scrollDiv)
    let scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth
    document.body.removeChild(scrollDiv)
    return scrollbarWidth
}