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;
獲取滾動條高度的相容問題
function getscrolltop else if document.compatmode document.compatmode backcompat else if document.body return scrollpos 幾點說明 1.pagexoffset 設定或返回當前頁面相對...
封裝相容 檢視滾動條滾動距離
檢視滾動條滾動距離的方法 1 w3c標準瀏覽器 window.pagexoffset window.pageyoffset 2 ie8以下 document.body.scrollleft scrolltop或者document.documentelement.scrollleft scrollto...
滾動條的瀏覽器相容問題
谷歌瀏覽器 谷歌可設定大部分滾動條樣式，但是無法設定內嵌式滾動條，如下圖 滾動條整體部分，其中的屬性有width,height,background,border等 就和乙個塊級元素一樣 位置1 width指豎向滾動條寬度 height指橫向滾動條高度 webkit scrollbar 滾動條兩端的...