获取不到scrollTop的问题

KunMinX 发布于2019-08-23 11:47 / 2469人阅读

摘要：今天在开发过程中需要获取，但是不论是用原生的还是的获取到的值始终为。

今天在开发过程中需要获取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 值。

私有云服务器托管橙云服务器获取不到oss的图片获取不到获取不到js scrollTop

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/97471.html

函数节流和图片懒加载

摘要：然而，如果前一个定时器尚未执行，其实就是替换为一个新的定时器，目的是只有在执行函数的请求停止了一段时间后才执行。首先清除之前设置的任何定时器，定时器是储存在函数的属性中的。导读这篇文章中主要介绍一下函数节流，然后给了一个图片懒加载的例子，说图片懒加载的时候顺带提了下怎么使用JS获取页面的宽高，卷上去的长度等。参考来源主要是《JavaScript高级程序设计》。函数节流浏览器的D...

smallStone 2019-08-01 17:40 评论0 收藏0
函数节流和图片懒加载

摘要：然而，如果前一个定时器尚未执行，其实就是替换为一个新的定时器，目的是只有在执行函数的请求停止了一段时间后才执行。首先清除之前设置的任何定时器，定时器是储存在函数的属性中的。导读这篇文章中主要介绍一下函数节流，然后给了一个图片懒加载的例子，说图片懒加载的时候顺带提了下怎么使用JS获取页面的宽高，卷上去的长度等。参考来源主要是《JavaScript高级程序设计》。函数节流浏览器的D...

tomlingtm 2019-08-21 16:44 评论0 收藏0
Web前端开发过程踩过的坑以及一些小方法技巧（持续更新）

摘要：一上浏览器使用不允许事件代理到上选择器以上绑定可能会出现点击失效的情况。对于，如果工具是以下版本，在中加入以下代码以上的版本加入以下代码八开发对于文件的处理问题。解决方法有给元素设置绝对定位即可。元素换成内联元素，如。一、iOS上浏览器使用jQuery不允许事件代理到document上 $(document).on(click, 选择器, function(){}); 以上绑定可能...

arashicage 2019-08-23 15:13 评论0 收藏0
Web前端开发过程踩过的坑以及一些小方法技巧（持续更新）

摘要：一上浏览器使用不允许事件代理到上选择器以上绑定可能会出现点击失效的情况。对于，如果工具是以下版本，在中加入以下代码以上的版本加入以下代码八开发对于文件的处理问题。解决方法有给元素设置绝对定位即可。元素换成内联元素，如。一、iOS上浏览器使用jQuery不允许事件代理到document上 $(document).on(click, 选择器, function(){}); 以上绑定可能...

binta 2019-08-02 14:15 评论0 收藏0
Web前端开发过程踩过的坑以及一些小方法技巧（持续更新）

摘要：一上浏览器使用不允许事件代理到上选择器以上绑定可能会出现点击失效的情况。对于，如果工具是以下版本，在中加入以下代码以上的版本加入以下代码八开发对于文件的处理问题。解决方法有给元素设置绝对定位即可。元素换成内联元素，如。一、iOS上浏览器使用jQuery不允许事件代理到document上 $(document).on(click, 选择器, function(){}); 以上绑定可能...

张春雷 2019-08-30 15:55 评论0 收藏0