Load next page shortly before hitting the bottom

This improves the user experience by loading in the next entries shortly before him getting to the bottom. It makes the scrolling more smooth without a break in between.

It also fixes an error on my browser that scrolling never hits the defined number. When I debugged it I hit `.scrolltop` of 1092.5 and the `doc.height - win.height` of 1093, so the condition was never true.
This commit is contained in:
Nick Espig 2019-06-04 18:22:02 +02:00
parent 8189b0d192
commit 06979fa082
No known key found for this signature in database
GPG Key ID: E48DF13C07055D92

View File

@ -1,7 +1,7 @@
$(document).ready(function() {
var win = $(window);
win.scroll(function() {
if ($(document).height() - win.height() == win.scrollTop()) {
if ($(document).height() - win.height() - win.scrollTop() < 150) {
var formData = $('#pagination form:last').serialize();
if (formData) {
$('#pagination').html('<div class="loading-spinner"></div>');