为了账号安全,请及时绑定邮箱和手机立即绑定

使用JavaScript获取滚动条宽度

使用JavaScript获取滚动条宽度

摇曳的蔷薇 2019-08-08 10:46:23
使用JavaScript获取滚动条宽度以下HTML将在div.container的右侧内侧边缘显示滚动条。是否可以确定滚动条的宽度?<div class="container" style="overflow-y:auto; height:40px;">   <div class="somethingBig"></div></div>
查看完整描述

3 回答

?
蝴蝶刀刀

TA贡献1801条经验 获得超8个赞

// offsetWidth包括滚动条的宽度,而clientWidth则不包含。按规则,它等于14-18px。所以:

 var scrollBarWidth = element.offsetWidth - element.clientWidth;


查看完整回答
反对 回复 2019-08-08
?
一只名叫tom的猫

TA贡献1906条经验 获得超3个赞

如果孩子占用容器的整个宽度(不包括滚动条)(默认值),则可以减去宽度:

var child = document.querySelector(".somethingBig");var scrollbarWidth = child.parentNode.offsetWidth - child.offsetWidth;


查看完整回答
反对 回复 2019-08-08
  • 3 回答
  • 0 关注
  • 901 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号