javascript - .offset().top的位移高度是相对于body还是.leftmenu_main li？？？

Question

雷雷

Answer 1

举个栗子

因此offset计算的不是离距离父级的高度，而是离body的上边距和左边距。

Answer 2

html

    <p class="a">
        <p class="b"></p>
    </p>

css

        .a{
            position: relative;
            width: 200px;
            height: 200px;
            background-color: #f33;
            top: 200px;
        }
        .b{
            position: absolute;
            width: 100px;
            height: 100px;
            background-color: #1abc9c;
            top: 120px;
        }

js

console.log($('.b').offset().top);

offset().top是层层向上相对于body的最终结果
注意是层层向上，不管中间有几个父级是position定位的，中间多了多少个top偏移量，都会被叠加进去。

用原生JS也可以实现：

export function getTop(obj) {
  var iTop = 0;
  while (obj != window.document.body && obj != null) {
    iTop += obj.offsetTop; //循环取每一层父元素的相对偏移量
    obj = obj.offsetParent; //设置当前元素的父元素=当前元素，用以获取再上层的offsetTop
  }
  return iTop;
}

Answer 3

那得看你写没写定位父级了,如果没有定位父级那就是body

Answer 4

为什么不查API。

获取匹配元素集合中第一个元素相对于文档的当前坐标。