JavaScript 获取页面滚动条尺寸

weixin_33777877

于 2016-07-06 11:44:00 发布

阅读量226

点赞数

原文链接：https://my.oschina.net/jsan/blog/706984

版权

为什么80%的码农都做不了架构师？>>>

方法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;
}

转载于:https://my.oschina.net/jsan/blog/706984