關於offsetTop的誤解

2022-06-27 07:12:14 字數 589 閱讀 4923

一直以為offset是子元素相對于父元素的距離,後來用了才知道是乙個坑,只存在於定位元素中

在做li的搜尋的定位的時候,為了得到li相對於ul的距離,本來也可以用li的高度相乘,但是用了offsettop,可是用上後發現得到的值怎麼都不對,最後在控制台找到他的offsetparent竟然不是ul,跑到了另外乙個元素上面,

原因,offsettop是找到元素相對於父級定位元素的距離,

解決辦法:在ul上面加上定位position:relative就ok了

正常

**:

var selectedcodes=mes.attr("value");//

需要定位選中li的code

關於offsetTop的理解

1.offsettop 元素到offsetparent頂部的距離 2.offsetparent 距離元素最近的乙個具有定位的祖宗元素 relative,absolute,fixed 若祖宗都不符合條件,offsetparent為body。如下圖所示 獲取child的offsettop,圖1的offs...

offsetTop和scrollTop的差別

近期想寫個元件,結果被這兩個屬性搞的有點暈,查了下文件和資料,對這兩個屬性總結例如以下 一直以來對offsetleft,offsettop,scrollleft,scrolltop這幾個方法非常迷糊,花了一天的時間好好的學習了一下 得出了下面的結果 1.offsettop 當前物件到其上級層頂部的距...

offsetTop和scrollTop的差別

近期想寫個元件,結果被這兩個屬性搞的有點暈,查了下文件和資料,對這兩個屬性總結例如以下 一直以來對offsetleft,offsettop,scrollleft,scrolltop這幾個方法非常迷糊,花了一天的時間好好的學習了一下 得出了下面的結果 1.offsettop 當前物件到其上級層頂部的距...