Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
let page = 1, loading = false; $(window).on("scroll", function() { const { scrollTop, scrollHeight, clientHeight } = document.documentElement; if (scrollTop + clientHeight >= scrollHeight - 300 && !loading) { loading = true; $.getJSON(`/api/posts?page=${++page}`, function(data) { if (data.posts.length === 0) { $(window).off("scroll"); return; } data.posts.forEach(p => $("#feed").append(`<article class="post">${p.title}</article>`)); loading = false; }); } });
Result
Open