使用JavaScript获取滚动条宽度

使用JavaScript获取滚动条宽度

以下HTML将在div.container的右侧内侧边缘显示滚动条。

是否可以确定滚动条的宽度?

<div class="container" style="overflow-y:auto; height:40px;">
  <div class="somethingBig"></div></div>


摇曳的蔷薇
浏览 903回答 3
3回答

蝴蝶刀刀

//&nbsp;offsetWidth包括滚动条的宽度,而clientWidth则不包含。按规则,它等于14-18px。所以:&nbsp;var&nbsp;scrollBarWidth&nbsp;=&nbsp;element.offsetWidth&nbsp;-&nbsp;element.clientWidth;

一只名叫tom的猫

如果孩子占用容器的整个宽度(不包括滚动条)(默认值),则可以减去宽度:var&nbsp;child&nbsp;=&nbsp;document.querySelector(".somethingBig");var&nbsp;scrollbarWidth&nbsp;=&nbsp;child.parentNode.offsetWidth&nbsp;-&nbsp;child.offsetWidth;
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript