滚动条的宽度计算

2019独角兽企业重金招聘Python工程师标准>>>

介于不同的浏览器，分辨率等原因，导致滚动条的宽度不一致，如果需要根据滚动条宽度对某些值进行计算的话，就需要事先计算滚动条的宽度。

<script type="text/javascript">
$(document).ready(function(){
// 有滚动条DIV
var ele = document.getElementById("scrollDiv");

// 与滚动条有关的DIV(margin-right为滚动条宽度)
var el = document.getElementById("setWidth");

// 得到滚动条宽度设置
el.style.marginRight=ele.offsetWidth-ele.scrollWidth;
});
</script>
<div id = "setWidth">...<div>
<div id = "scrollDiv" style = "overflow-y:scroll;">...<div>

附图：

参考资料：http://www.cnblogs.com/mrcoke/articles/2415416.html

感谢热心的前辈！！本文如有不正，请指出。

以上。

转载于:https://my.oschina.net/wangbiglei/blog/140724