您的位置:首页 > Web前端 > JavaScript

JavaScript 获取页面滚动条尺寸

2016-07-06 00:00 369 查看
方法1:

function getScrollbarHeight()
{
var spacer = document.createElement("div");
spacer.setAttribute("style", "position: fixed; margin: 0px; padding: 0px; border: none; visibility: hidden;  top: 0px; left: 0px; width: 1px; height: 100%; z-index: -1;");
document.body.appendChild(spacer);
var sbHeight = window.innerHeight - spacer.offsetHeight;
document.body.removeChild(spacer);

return sbHeight > 0 && sbHeight < 40 ? sbHeight : 0;
}

方法2:

function getScrollbarWidth()
{
var spacer = document.createElement("div");
spacer.style.cssText = 'position:absolute;top:-999px;width:100px;height:100px;overflow:scroll;';
document.body.appendChild(spacer);
var sbW = spacer.offsetWidth - spacer.clientWidth;
document.body.removeChild(spacer);

return sbW;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: