js 判断是否有滚动条以及获取滚动条宽度的方法
作者:互联网
document.body.scrollHeight > (window.innerHeight || document.documentElement.clientHeight);
一般情况下,使用 document.body.scrollHeight > window.innerHeight
就可以判断。
但是在 IE7,IE8 中 window.innerHeight
为 underfined
,所以为了兼容 IE7、IE8,需要使用 document.documentElement.clientHeight
属性计算窗口高度。
计算滚动条宽度的方法
function getScrollbarWidth() { var scrollDiv = document.createElement("div"); scrollDiv.style.cssText = 'width: 99px; height: 99px; overflow: scroll; position: absolute; top: -9999px;'; document.body.appendChild(scrollDiv); var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth; document.body.removeChild(scrollDiv); return scrollbarWidth; }
参考:https://www.cnblogs.com/nzbin/p/8117535.html
标签:body,innerHeight,js,滚动条,window,宽度,document,scrollDiv 来源: https://www.cnblogs.com/xiaofenguo/p/13306012.html