码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-03-08 21:11:44      阅读:196      评论:0      收藏:0      [点我收藏+]

标签:api   off   兼容性   bsp   浏览器   top   高度   style   没有   

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;

 

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

标签:api   off   兼容性   bsp   浏览器   top   高度   style   没有   

原文地址:https://www.cnblogs.com/DB-IT/p/8530767.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!