使用JavaScript获取滚动条宽度
使用JavaScript获取滚动条宽度
提问于 2012-11-15 00:06:41
下面的超文本标记语言将在div.container的右内边缘显示滚动条。
可以确定滚动条的宽度吗？
<div class="container" style="overflow-y:auto; height:40px;">
<div class="somethingBig"></div>
</div>回答 6
Stack Overflow用户
发布于 2017-07-18 15:34:03
我认为这将是简单而快速的-
var scrollWidth= window.innerWidth-$(document).width()Stack Overflow用户
发布于 2012-11-15 00:09:05
如果子对象采用容器的整个宽度(不包括scrollbar (默认值))，则可以减去宽度：
var child = document.querySelector(".somethingBig");
var scrollbarWidth = child.parentNode.offsetWidth - child.offsetWidth;Stack Overflow用户
发布于 2014-11-25 16:06:28
这里有一个使用jQuery的简单方法。
var scrollbarWidth = jQuery('div.withScrollBar').get(0).scrollWidth - jQuery('div.withScrollBar').width();基本上，我们从总宽度中减去可滚动宽度，这应该得到滚动条的宽度。当然，您可能希望缓存jQuery('div.withScrollBar')选择，这样就不会重复执行该部分。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13382516
复制相关文章
相似问题