javascript获得滚动条高度
2016-07-08 15:53
381 查看
先上代码
代码摘自权威指南,适配各种浏览器。
另外说明一下,documentElement为整个节点树的根结点,也就是
滚动条监听:
/** * 查询窗口滚动条的位置 * @param {[window]} w [窗口对象] */ function getScrollOffset(w){ //使用指定的窗口,如果不带属性则使用当前窗口 var win = w || window; //除了ie8以及更早的版本以外 其他浏览器都ok if (w.pageXOffset != null){ return { x : w.pageXOffset, y : w.pageYOffset }; } // 对标准模式下的ie var d = w.document; if(document.compatMode == "CCS1Compat") return { x : d.documentElement.scrollLeft, y : d.documentElement.scrollTop }; //对怪异模式下的浏览器 return { x : d.body.scrollLeft, y : d.body.scrollTop } }
代码摘自权威指南,适配各种浏览器。
另外说明一下,documentElement为整个节点树的根结点,也就是
<html>标签,body为
<body>标签,怪异模式下都要从body来获得这些属性。
滚动条监听:
window.onscroll = function(){ //监听的事件 }
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android Manifest 用法
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- 峰回路转,Firefox 浏览器即将重返 iOS 平台
- 峰回路转,Firefox 浏览器即将重返 iOS 平台
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- 回顾 Firefox 历史
- 小白观察:微软释放出其基于 Chromium 的 Edge 浏览器
- 最后一次说说闭包
- Ajax
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- ES6 走马观花(ECMAScript2015 新特性)