Javascript 使用AJAX加载数据时出现滚动问题
我正在使用PHP、MySQL、JavaScript(JQuery+Ajax)开发一个网站,我使用了客户滚动函数和滚动条,问题是如果我使用Ajax加载数据,滚动函数会产生数百个错误,如:“Uncaught TypeError:无法从滚动函数中读取未定义的“top”属性,即:Javascript 使用AJAX加载数据时出现滚动问题,javascript,jquery,ajax,Javascript,Jquery,Ajax,我正在使用PHP、MySQL、JavaScript(JQuery+Ajax)开发一个网站,我使用了客户滚动函数和滚动条,问题是如果我使用Ajax加载数据,滚动函数会产生数百个错误,如:“Uncaught TypeError:无法从滚动函数中读取未定义的“top”属性,即: function Scroll() { var contentTop = []; var contentBottom = []; var winTop = $(windo
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()”是否为空,错误消失,但网页在页面末尾仍闪烁。
如果您能提供帮助,请提前分享您的答案。var winTop=$(window).scrollTop();。这一行强制窗口转到页面顶部。这可能是导致闪烁效果的原因。您能为此分享HTML吗?