獲取滾動條距離的兼容問題

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;