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

时间:2018-09-04 06:56:39

标签: javascript jquery ajax

我正在使用PHP,MySQL,JavaScript(JQuery + Ajax)开发网站,我使用了客户滚动功能和滚动条,问题是,如果我使用ajax加载数据,滚动功能会产生数百个错误,说明:“ Uncaught TypeError :无法从以下滚动功能中读取未定义的属性“ top”:

    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()”是否不为空,错误消失,但网页仍在页面末尾闪烁。 如果可以帮助,请分享您的答案,在此先感谢。

1 个答案:

答案 0 :(得分:0)

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