我为广告制作了"加载更多"功能
在Chrome和FireFox中没有问题,当我尝试在IE(版本10)中选择时,会显示以下JavaScript错误:"无法获取未定义或null引用的属性"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
似乎得到了一个没有父元素的元素。
因此,当您编写:let $parent = $item.parent()
时,$parent为null。
当您想要获取$parent.offset()
时,会启动异常。
你有没有试着记录你得到的每一个元素?