使用 AJAX 加载数据时出现滚动问题

Question

我正在使用 PHP、MySQL、JavaScript (JQuery + Ajax) 开发网站，我使用了客户滚动功能和滚动条，问题是如果我使用 ajax 加载数据，滚动功能会产生数百个错误，提示：“未捕获的 TypeError ：无法从滚动函数中读取未定义的属性“顶部”，即：

    function Scroll() {
        var contentTop = [];
        var contentBottom = [];
        var winTop = $(window).scrollTop();
        var rangeTop = 200;
        var rangeBottom = 500;
        $('.navbar-collapse').find('.scroll a').each(function () {
                contentTop.push($($(this).attr('href')).offset().top);//The error rises from this line
                contentBottom.push($($(this).attr('href')).offset().top + 
$($(this).attr('href')).height());
        })
        $.each(contentTop, function (i) {
            if (winTop > contentTop[i] - rangeTop) {
                $('.navbar-collapse li.scroll')
                        .removeClass('active')
                        .eq(i).addClass('active');
            }
        })
    }

当我滚动到最后时网站开始闪烁，我尝试检查“contentTop.push($($(this).attr('href')).offset()”是否不为空，错误消失，但网页仍然在页面末尾闪烁。 如果您能提供帮助，请分享您的答案，在此先感谢。

Answer 1

var winTop = $(window).scrollTop();。此行强制窗口转到页面顶部。这可能是导致闪烁效果的原因。