无法获取未定义或空引用的属性“偏移”

Question

我为广告制作了“加载更多”功能

在Chrome和FireFox中没有问题，当我尝试在IE（版本10）中进行选择时，显示以下JavaScript错误：“无法获取未定义或空引用的属性'offset'”我认为我已经调用了方法或属性在非Object类型的对象上，或者当需要Object时我传递了非Object类型的参数。 所以我尝试下面的代码没有帮助：

function findElementTotalOffset(obj) {
    var oleft = otop = 0;
    if (obj.offsetParent) {
        do {
            oleft += obj.offsetLeft;
            otop += obj.offsetTop;
        } while (obj = obj.offsetParent);
    }
    return {left : oleft, top : otop};
}

任何帮助将非常感激 ：-）

import $ from "jquery"
class LazyLoadAds {
  constructor() {
    this.initLazyLoad = this.initLazyLoad.bind(this)
    this.initLazyLoad()
  }
  initLazyLoad() {
    let self = this,
    listener = self.throttle(300, function () {
        slotsAtlantic.forEach(function (item) {
            let $item = $('#' + item.id)



  if ($item.length) {
              let $parent = $item.parent(),
              index = slotsAtlantic.indexOf(item)
              if ($parent.is(':visible') && ((window.scrollY || window.pageYOffset) >= ($parent.offset().top - $(window).height() - 300))) {
                  googletag.cmd.push(function () {
                      googletag.pubads().refresh([item.slot]);
                  });
                  slotsAtlantic.splice(index, 1);
              }
            }
        });
    });
    window.addEventListener('scroll', listener)
  }

  throttle(delay, callback) {
    var previousCall = new Date().getTime();
    return function () {
        var time = new Date().getTime();
        if ((time - previousCall) >= delay) {
            previousCall = time;
            callback.apply(null, arguments);
        }
    };
  }
}

export default LazyLoadAds

Answer 1

看来您得到的元素没有父元素。

因此，当您编写： let $parent = $item.parent() ，$ parent为null。

当您想获取$parent.offset()时，将启动该异常。

您是否尝试记录所获得的每个元素？