JavaScript 获取页面滚动条尺寸
2016-07-06 00:00
369 查看
方法1:
方法2:
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; }
相关文章推荐
- 创建对象的几种方法
- 解析 JSON 格式数据
- javascript基础:DOM4操作表格和样式
- JS逻辑与&&中的小细节(逻辑或||)
- javascript 第一节
- JS令relative变成fixed
- JavaScript 遍历DOM
- JavaScript 遍历DOM
- js闭包的简单理解
- js简单的设置快捷键,hotkeys捕获键盘键和组合键的输入
- volley获取json数据乱码,解决方法
- 使用JS对form的内容验证失败后阻止…
- js兼容火狐获取图片宽和高的方法
- JavaScript对象字面量
- js之浏览器对象模型(BOM)
- JavaScript charAt() 方法
- JavaScript charAt() 方法
- JavaScript charAt() 方法
- JavaScript charAt() 方法
- JavaScript charAt() 方法