博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
获取不到scrollTop的问题
阅读量:6832 次
发布时间:2019-06-26

本文共 581 字,大约阅读时间需要 1 分钟。

今天在开发过程中需要获取scrollTop,但是不论是用原生的scrollTop还是JQ的scrollTop获取到的值始终为0。

原来是DOCTYPE的坑。

 //获取scrollTop始终为0 // 可正常获取scrollTop

所以说,按照W3C标准开发是多么的重要

各浏览器下 scrollTop的差异

IE6/7/8:
对于没有doctype声明的页面里可以使用 document.body.scrollTop 来获取 scrollTop高度 ;
对于有doctype声明的页面则可以使用 document.documentElement.scrollTop;
Safari:
safari 比较特别,有自己获取scrollTop的函数 : window.pageYOffset ;
Firefox:
火狐等等相对标准些的浏览器就省心多了,直接用 document.documentElement.scrollTop ;
2、获取scrollTop值
完美的获取scrollTop 赋值短语 :

var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;

通过这句赋值就能在任何情况下获得scrollTop 值。

转载地址:http://lvnkl.baihongyu.com/

你可能感兴趣的文章
Android JNI入门第一篇——HelloWord
查看>>
Elasticsearch + Logstash + Kibana(ELK)安装部署方法
查看>>
exchange2007的5大角色
查看>>
我的友情链接
查看>>
Windows Server 2012 R2 新功能体验——工作文件夹(Work Folders)
查看>>
ubuntu11.10的root密码
查看>>
django python 文件上传【Part 5】
查看>>
【模板】最小费用最大流
查看>>
五周第一次课(1月8日)
查看>>
解决vsftpd编译时的错误:could not read symbols: File in wrong format
查看>>
NHibernate学习总结
查看>>
html转译java语言
查看>>
oracle中时间转换的问题
查看>>
如何设计Android App测试用例
查看>>
sysbench
查看>>
详解MySQL读写分离
查看>>
dns服务器在做nslookup测试的时候,出现dns timeout 2 seconds的错误解释
查看>>
使用监控宝监控snmp性能经验实录
查看>>
開發Android, 從Eclipse官網下載Eclipse開始,從無到有安裝一遍
查看>>
逻辑判断
查看>>