在設計頁面時可能經常會用到固定層的位置,這就需要獲取一些html對象的坐標以更靈活的設置目標層的坐標,這里可能就會用到document.body.scrollTop等屬性,但是此屬性在xhtml標準網(wǎng)頁或者更簡單的說是帶<!DOCTYPE ..>標簽的頁面里得到的結果是0,如果不要此標簽則一切正常,那么在xhtml頁面怎么獲得body的坐標呢,當然有辦法-使用document.documentElement來取代document.body,可以這樣寫
例:
var top = document.documentElement.scrollTop || document.body.scrollTop;
在javascript里||是個好東西,除了能用在if等條件判斷里,還能用在變量賦值上。那么上例等同于下例。
例:
var top = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop;
這么寫可以得到很好的兼容性。
相反,如果不做聲明的話,document.documentElement.scrollTop反而會顯示為0。
順便再存一下這個圖吧,總是挺難記清楚:
如對本文有疑問,請?zhí)峤坏浇涣髡搲?,廣大熱心網(wǎng)友會為你解答!! 點擊進入論壇