獲取絕對準確的滾動條寬度
阿新 • • 發佈:2019-01-24
/*!
* 獲取瀏覽器豎向滾動條寬度
* 首先建立一個使用者不可見、無滾動條的DIV,獲取DIV寬度後,
* 再將DIV的Y軸滾動條設定為永遠可見,再獲取此時的DIV寬度
* 刪除DIV後返回前後寬度的差值
*
* @return Integer 豎向滾動條寬度
*/
function getScrollWidth() {
var noScroll, scroll, oDiv = document.createElement("DIV");
oDiv.style.cssText = "position:absolute; top:-1000px; width:100px; height:100px; overflow:hidden;" ;
noScroll = document.body.appendChild(oDiv).clientWidth;
oDiv.style.overflowY = "scroll";
scroll = oDiv.clientWidth;
document.body.removeChild(oDiv);
return noScroll-scroll;
}