获取滚动条距离的兼容问题

1.获取滚动条距离的API

  scrollLeft / scrollTop

  pageXOffset / pageYOffset

 

2.兼容性问题

  Safari 比较特别,有自己获取scrollTop的函数 : window.pageYOffset ;

  火狐等相对标准些的浏览器就省心多了,直接用 document.documentElement.scrollTop ;

  IE6/7/8/9/10:

    对于没有doctype声明的页面里可以使用  document.body.scrollTop 来获取 scrollTop高度 ;
    对于有doctype声明的页面则可以使用 document.documentElement.scrollTop  ;

总结:

  获取滚动条距离:

  

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

 

posted @   ITBoy-Men  阅读(156)  评论(0编辑  收藏  举报
编辑推荐:
· 现代计算机视觉入门之:什么是图片特征编码
· .NET 9 new features-C#13新的锁类型和语义
· Linux系统下SQL Server数据库镜像配置全流程详解
· 现代计算机视觉入门之:什么是视频
· 你所不知道的 C/C++ 宏知识
阅读排行:
· 不到万不得已,千万不要去外包
· C# WebAPI 插件热插拔(持续更新中)
· 会议真的有必要吗?我们产品开发9年了,但从来没开过会
· 【译】我们最喜欢的2024年的 Visual Studio 新功能
· 如何打造一个高并发系统?
点击右上角即可分享
微信分享提示