介于不同的浏览器,分辨率等原因,导致滚动条的宽度不一致,如果需要根据滚动条宽度对某些值进行计算的话,就需要事先计算滚动条的宽度。
01 | < script type = "text/javascript" > |
02 | $(document).ready(function(){ |
03 | // 有滚动条DIV |
04 | var ele = document.getElementById("scrollDiv"); |
05 |
06 | // 与滚动条有关的DIV(margin-right为滚动条宽度) |
07 | var el = document.getElementById("setWidth"); |
08 |
09 | // 得到滚动条宽度设置 |
10 | el.style.marginRight=ele.offsetWidth-ele.scrollWidth; |
11 | }); |
12 | </ script > |
13 | < div id = "setWidth" >...< div > |
14 | < div id = "scrollDiv" style = "overflow-y:scroll;" >...< div > |