scrolltop
来源:互联网 发布:java 获取系统字符集 编辑:程序博客网 时间:2024/06/11 05:56
今天做图片lazy load 需要得到页面的scrolltop值
当然如果有jquery 那么就直接
$(ele).scrollTop();
好了, 本文结束。。
不过 事实是没有这么舒服, 没有jquery..
好吧, 你不要告诉我去官网下一个。。
故事一般都是曲折的, 所以jquery 是不能 也不会有的。。
言归正传 这个值大家觉得烦 是因为有很多类似的
window.pageYOffset 被所有浏览器支持除了 IE 6, IE 7, IE 8, 不关doctype的事, 注IE9 开始支持此属性。
window.scrollY 被Firefox, Google Chrome , Safari支持 不关doctype的事, 注IE9 不支持此属性
在(quirk 模式)的时候 document.body.scrollTop 在 Internet Explorer, Firefox, Opera, Google Chrome Safari 返回正确的值。
在(quirk 模式)的时候 document.documentElement.scrollTop 永远是零
非quirk模式的时候 document.documentElement.scrollTop Internet Explorer, Firefox and Opera 返回正确的值 但是在 Google Chrome ,Safari 中永远是零
特整理一个表格如下
以上在win7环境下测试
可以看出是非常凌乱的
只在quirk模式下, body.scrollTop是被所有都支持的
所以这个表大家也不用 也没有必要去记, 只要记住一条
if(window.pageYOffset){//这一条滤去了大部分, 只留了IE678
}else if(document.documentElement.scrollTop ){//IE678 的非quirk模式
}else if(document.body.scrolltop){//IE678 的quirk模式
}
原则是看pageYOffset 然后看documentElement.scrollTop, 最后是document.body.scrollTop
当然 也可以直接scrollTop 而不使用pageYOffset
以下是MDN 提供的兼容性代码
scrolltop = (((t = document.documentElement) || (t = document.body.parentNode)) && typeof t.scrollTop == ‘number’ ? t : document.body).scrollTop
原文:http://www.qiongbupa.com/archives/887
- scrollTop
- scrollTop
- scrollTop
- scrollTop
- scrolltop
- scrollTop
- scrollTop属性
- jq scrollTop
- scrollTop 兼容
- scrollTop属性
- SCrollTOP scrollHeight
- 设置scrollTop
- scrolltop家族
- jquery--scrollTop
- js scrollTop
- JavaScript scrollTop
- js scrollTop兼容性问题--document.body.scrollTop与document.documentElement.scrollTop
- 解决scrollTop兼容问题 document.documentElement.scrollTop || document.body.scrollTop
- MongoDB 分片
- 【学习笔记】关于二叉树
- openCV中的K-D Tree
- UVa 11228 Transpartation System ( kruskal)
- svn 服务端和客户端搭建
- scrolltop
- cocos2d-x 1.0+升级到cocos2d-x 2.0+引擎库的一些差异
- HP大中华区总裁孙振耀退休感言
- 转载:让软件测试团队慢慢死去!
- java中CharSequence接口
- Nodejs开发指南阅读笔记
- Oracle 调整缓冲区高速缓存
- Flex4 笔记
- android给listview的item设定高度