document.documentElement.scrollTop || document.body.scrollTop問題分析

在設計頁面時可能經常會用到固定層的位置,這就需要獲取一些html對象的座標以更靈活的設置目標層的座標,這裏可能就會用到document.body.scrollTop等屬性,但是此屬性在xhtml標準網頁或者更簡單的說是帶<!DOCTYPE ..>標籤的頁面裏得到的結果是0,如果不要此標籤則一切正常,那麼在xhtml頁面怎麼獲得body的座標呢,當然有辦法-使用document.documentElement【chrome無法識別】來取代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。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章