getcomputedstyle(obj).attr 帶單位 只能獲取指定的樣式，計算後的樣式。不支援padding
在獲取left，top...位置的時候，必須設定乙個預設值
clientwidth/clientheight
支援padding 不帶單位，number型別的，不支援border
clientleft/clienttop
左邊框/上邊框
offsetwidth/offsetheight
包含邊框 + padding + 元素大小
在沒有設定固定寬高的時候，走被內容撐開的寬高
scrollheight/scrollwidth
不支援邊框，但是支援被內容撐開的寬高。
可視區尺寸:
window.innerwidth/window.innerheight（包括滾動條的高度）
document.documentelement.clientwidth/document.documentelement.clientheight（不包括滾動條的高度）
滾動的距離:
window.pagexoffset/window.pageyoffset 能讀
window.scrollto(x,y) 寫
document.documentelement.scrolltop/scrollleft 能讀能寫
封裝相容 檢視滾動條滾動距離
檢視滾動條滾動距離的方法 1 w3c標準瀏覽器 window.pagexoffset window.pageyoffset 2 ie8以下 document.body.scrollleft scrolltop或者document.documentelement.scrollleft scrollto...
移動端顯示滾動條以及滾動條的監聽事件
1 移動端顯示滾動條 在移動端滾動條缺省會隱藏，如何顯示呢 需要新增以下 了。並且需要給body或者外層盒子新增 rows 類名，這樣滾動條就可以顯示出來了 rows rows webkit scrollbar track piece rows webkit scrollbar rows webki...
獲取滾動條距離的相容問題
1.獲取滾動條距離的api scrollleft scrolltop pagexoffset pageyoffset 2.相容性問題 safari 比較特別，有自己獲取scrolltop的函式 window.pageyoffset 火狐等相對標準些的瀏覽器就省心多了，直接用 document.doc...