JS獲取瀏覽器滾動條的寬度

知識點：offsetWidth：獲取到的值是width+padding+border；
 clientWidth： 獲取對象可見內容的寬度，不包括滾動條，不包括邊框；


function getScrollbarWidth() { var odiv = document.createElement('div'),//創建一個div styles = { width: '100px', height: '100px', overflowY: 'scroll'//讓他有滾動條 }, i, scrollbarWidth; for (i in styles) odiv.style[i] = styles[i]; document.body.appendChild(odiv);//把div添加到body中 scrollbarWidth = odiv.offsetWidth - odiv.clientWidth;//相減 odiv.remove();//移除創建的div return scrollbarWidth;//返回滾動條寬度 }

 

方法使用

console.dir(getScrollbarWidth());