用 Javascript 擷取捲軸位置等資訊

有時為了準確定位一個元素，我們需要擷取捲軸的位置，這種需求經常出現在 tooltip 和 拖放等應用中，其實這個技術很簡單，關鍵是要考慮瀏覽器的相容性，本文就是介紹這一問題的解決方案。

其實這段代碼在之前的 “ 用 Javascript 實現錨點(Anchor)間平滑跳轉” 一文已經介紹過了，但是由於這個需求並且經常用到，因此，本站專門發布此文介紹，方便查閱。

Javascript:

 

  
 
  
<script type="text/javascript"> 
  
 
  
// 說明：用 Javascript 擷取捲軸位置等資訊 
  
// 來源 ：ThickBox 2.1 
  
// 整理 ：CodeBit.cn ( http://www.CodeBit.cn ) 
  
 
  
function getScroll() 
  
{ 
  
 var t, l, w, h; 
  

  
 if (document.documentElement && document.documentElement.scrollTop) { 
  
 t = document.documentElement.scrollTop; 
  
 l = document.documentElement.scrollLeft; 
  
 w = document.documentElement.scrollWidth; 
  
 h = document.documentElement.scrollHeight; 
  
 } else if (document.body) { 
  
 t = document.body.scrollTop; 
  
 l = document.body.scrollLeft; 
  
 w = document.body.scrollWidth; 
  
 h = document.body.scrollHeight; 
  
 } 
  
 return { t: t, l: l, w: w, h: h }; 
  
} 
  
 
  
</script>