浏览器获取正确的scrollTop值
2024-09-21 07:48:00
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 中永远是零。
特整理表格如下:
只在quirk模式下, body.scrollTop是被所有都支持的,所以这个表大家不用也没有必要去记, 只要记住一条:以上在win7环境下测试,可以看出是非常凌乱的!
if(window.pageYOffset){//这一条滤去了大部分, 只留了IE678 }else if(document.documentElement.scrollTop ){//IE678 的非quirk模式 }else if(document.body.scrolltop){//IE678 的quirk模式 }
原则是看pageYOffset 然后看documentElement.scrollTop, 最后是document.body.scrollTop!
最新文章
- 解决cookie跨域访问
- php mail 函数发送邮件
- SQLPlus 在连接时通常有四种方式
- 微信H5手指滑动屏蔽微信的默认效果
- baguetteBox.js响应式画廊插件(纯JS)
- WinForm中异步加载数据并使用进度条
- .net 代码风格规范
- JAVA作业-1
- angularjs post 跨域
- zoj 3706 Break Standard Weight(dp)
- markown编辑器截图粘贴预览,并将图片传至七牛云
- ui-router ^1.x在ng1中使用state events
- LindAgile~大叔新宠~一个无所不能框架
- 取得 iframe 容器的 URL
- Shell脚本 自动部署 SpringBoot 应用
- MemoryStream说明
- 自学自用 = B站(操作系统_清华大学(向勇、陈渝)) 未完待续。。
- 表达式语言引擎:Apache Commons JEXL 2.1 发布
- Kindergarten CodeForces - 484D (贪心,好题)
- (实用)使用unetbootin制作Linux的U盘启动盘
热门文章
- Could NOT find PythonLibs (missing: PYTHON_LIBRARIES PYTHON_INCLUDE_DIRS)
- python中的内置函数,递归,递归文件显示(二),二分法
- BEAUTIFUL
- AI下载步骤
- Tomcat启动和请求处理解析
- 06-图2 Saving James Bond - Easy Version (25 分)
- Mac 10.12安装抓包工具Charles
- Mac下的裁剪快捷键
- 5 个 iOS 和 Android 最佳的开源自动化工具[转]
- PSR2规范