javascript - 未捕获的类型错误 : Cannot read property 'top' of undefined

Question

我有以下代码，它在控制台中返回“未捕获的类型错误:无法读取未定义的属性‘顶部’”错误，我不明白为什么？该代码实际上正在执行我希望它执行的操作，但我希望它不返回任何错误。有人能指出我正确的方向吗？

var sig = false;
$(window).on('scroll', function () {
    var sigTop = $('.svgWrap').offset().top - 500;
    var winTop = $(window).scrollTop();
    if (sigTop < winTop && !sig) {
        sig = true;
        animateSignature();
    }
})

Answer 1

当第一个 scroll 事件触发时，

.svgWrap 可能不存在；将脚本包含在页面末尾，将其包装在 $(document).ready 中，或检查 .svgWrap。

var sig = false;

$(window).on('scroll', function () {
    var svgWrap = $('.svgWrap');

    if (!svgWrap.length) {
        return;
    }

    var sigTop = svgWrap.offset().top - 500;
    var winTop = $(window).scrollTop();
    if (sigTop < winTop && !sig) {
        sig = true;
        animateSignature();
    }
});