30 lines
865 B
JavaScript
30 lines
865 B
JavaScript
// Code snippet inspired by https://github.com/douglasrodrigues5/ghost-blog-infinite-scroll
|
|
$(function ($) {
|
|
var currentPage = 1,
|
|
pathname = window.location.pathname,
|
|
$window = $(window),
|
|
$document = $(document),
|
|
$result = $('.post-feed');
|
|
|
|
function handleScroll () {
|
|
// return if not scroll to the bottom
|
|
if ($window.scrollTop() + $window.height() !== $document.height()) {
|
|
return;
|
|
}
|
|
|
|
if (currentPage >= maxPages) {
|
|
return $window.off('scroll', handleScroll);
|
|
}
|
|
|
|
// next page
|
|
currentPage++;
|
|
|
|
// Load more
|
|
$.get((pathname + 'page/' + currentPage + '/'), function (content) {
|
|
$result.append($(content).find('.post').hide().fadeIn(100));
|
|
});
|
|
}
|
|
|
|
$window.on('scroll', handleScroll).trigger('scroll');
|
|
});
|