我正在使用https://github.com/fredwu/jquery-endless-scroll的 EndlessScroll 功能。
我有一个问题,我想在滚动向上时禁用无限滚动,但我不知道怎么做。我只想在使用指针遍历数组时才停火(我有一个预加载的数组)。
注意: - i 是一个计数器 - 时间是加载的项目数 - tam 是数组的长度
data = [. . . . . . . . ]
tam = data.lenght();
i = 0;
items = 10;
$('#ul-container').endlessScroll({
fireDelay: 1,
loader: '',
insertAfter: '#ul-container li:last',
insertBefore: '#ul-container li:last',
ceaseFireOnEmpty: false,
ceaseFire: function(j, p) {
if (i >= tam) {
return true;
}
},
content: function(j, p) {
var times = 0;
if (p>0) {
if (i < tam) {
to_return = "";
while (i + times < tam && times < 10) {
to_return += "<p>" + (i + times).toString() + " " + data[i + times]["id"]
+ ": " + data[i + times]["text"] + "</p>";
times++;
}
i = i + times;
console.log(i);
//$('#ul-container').append(to_return);
return to_return
}
}
}
每当我向上滚动时,我都会得到“未定义”。当我向下滚动时,我从数组中得到 10 个项目(或剩下的项目)。当数组已经显示时,它会停止滚动。
只是为了说明,这个 neverScroll 在 Ajax 调用中。我正在使用 Django 从数据库中获取数据,然后将它们加载到 a 并显示它们。