使用Javascript巧妙擷取捲軸位置

有時為了準確定位一個元素，我們需要擷取捲軸的位置，這種需求經常出現在tooltip 和拖放等應用中，本文就是介紹用Javascript 擷取捲軸位置等資訊這一問題的解決方案，希望對你的學習有所協助。

用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>