61,112
社区成员
发帖
与我相关
我的任务
分享如何得到卷滚条的宽度
当对DIV设置 如下css时, div 会显示卷滚条 ,如何得到这个卷滚条的宽度
<div style="overflow-y:scroll">
...
</div>
<div style="overflow-y:scroll">
...
</div>
...全文
请发表友善的回复…
发表回复
toury 2008-01-07
- 打赏
- 举报
楼主是问计算滚动条本身宽度的吗?如下:
<script type="text/javascript">
function Obj(s){
return document.getElementById(s)?document.getElementById(s):s;
}
function GetClientWidth(o){
return Obj(o).clientWidth;
}
function GetClientHeight(o){
return Obj(o).clientHeight;
}
</script>
</head>
<body>
<div id='abc' style="overflow-y:scroll;margin: 10px; padding: 10px; width: 200px; height: 200px; border: solid 10px blue;">
<p><a href="javascript:alert(GetClientHeight('abc')*1-GetClientWidth('abc')*1);">取滚动条宽度</a></p>
<br>一个方形DIV容器；CLIENT尺寸应该相同；但有了滚动条后发生变化；差值就是滚动条的宽度
</body> </html>
xiaolei1982 2008-01-07
- 打赏
- 举报
scrollHeight:垂直滚动条总长度
xiaolei1982 2008-01-07
- 打赏
- 举报
scrollWeight:水平滚动条总长度
