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;