使用Javascript巧妙获取滚动条位置

有时为了准确定位一个元素，我们需要获取滚动条的位置，这种需求经常出现在tooltip 和拖放等应用中，本文就是介绍用Javascript 获取滚动条位置等信息这一问题的解决方法，希望对你的学习有所帮助。

站在用户的角度思考问题，与客户深入沟通，找到雁山网站设计与雁山网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：网站设计制作、成都网站建设、企业官网、英文网站、手机端网站、网站推广、域名与空间、网页空间、企业邮箱。业务覆盖雁山地区。

用Javascript 获取滚动条位置等信息

有时为了准确定位一个元素，我们需要获取滚动条的位置，这种需求经常出现在tooltip 和拖放等应用中，其实这个技术很简单，关键是要考虑浏览器的兼容性，本文就是介绍这一问题的解决方法。

其实这段代码在之前的 “ 用Javascript 实现锚点(Anchor)间平滑跳转” 一文已经介绍过了，但是由于这个需求并且经常用到，因此，本站专门发布此文介绍，方便查阅。

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 };  
  
  
  
}   
  
  
  
   
 
 
 

网页名称：使用Javascript巧妙获取滚动条位置
网页地址：http://www.mswzjz.com/qtweb/news48/169998.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联