js获取盒子scrollTop

前言:如何单纯获取某个盒子的滚动值-->>  (属性可写可读)

var scroll = document.getElementById('box').scrollTop;//获取盒子的滚动值
alert(scroll);
如下图:

 

 

 

1、各浏览器下 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;

posted @ 2019-08-14 15:08  小刺猬的大宝贝  阅读(3315)  评论(0编辑  收藏  举报