我在sitepoint上看到了关于无限滚动的一些代码,我试着自己调整它,但是我发现当滚动到底部时它不会触发,但只有在滚动到顶部时才有效。为什么当我滚动底部时无限滚动不起作用,而是在滚动顶部触发?
https://codepen.io/SitePoint/pen/JGQPPa
因此,我改变了一点,看看我可以使它滚动至底部,它仍然在做同样的事情在那里只有当我滚动到顶部触发。
$(document).ready(function() {
var win = $(window);
var page = 1;
$.fn.scrollBottom = function() {
return $(document).height() - this.scrollTop() - this.height();
};
// Each time the user scrolls
win.scroll(function() {
// End of the document reached?
if ($(document).height() - win.height() === win.scrollBottom()) {
$.ajax({
url: '/purchases?page='+page,
dataType: 'html',
success: function(html) {
$('#app_posts').append(html);
page = page + 1;
console.log(page);
}
});
}
});
});
任何想法如何使此代码触发滚动底部而不是滚动顶部?
这家伙很懒,还没有设置简介