微客导航 » 文章资讯 » js实现jquery的offset()方法实例

js实现jquery的offset()方法实例

2024-04-05 05:34:04 422

本文实例讲述了js实现jquery的offset()方法。分享给大家供大家参考。具体分析如下：

用过jQuery的offset()的同学都知道offset().top或offset().left很方便地取得元素相对于整个页面的偏移。

而在js里，没有这样直接的方法，节点的属性offsetTop可以获得该节点相对于父节点的相对偏移，但不能直接获得其绝对偏移，我们可用节点逐层递归向上来相加offsetTop来获得绝对偏移。

functiongetOffset(Node,offset){

   if(!offset){

       offset={};

       offset.top=0;

       offset.left=0;

   }

if(Node==document.body){//当该节点为body节点时，结束递归 returnoffset; }

offset.top+=Node.offsetTop; offset.left+=Node.offsetLeft;

returngetOffset(Node.parentNode,offset);//向上累加offset里的值 }