← All examples

JavaScript Navigation

Auto-pager: load the next page

When you scroll near the bottom it automatically navigates to the next page of the list.

Code to copy

function findNext() {
  var sel = 'a[rel="next"], a.next, a.morelink, a[aria-label*="Next" i]';
  return document.querySelector(sel);
}
window.addEventListener('scroll', function () {
  var nearBottom = window.innerHeight + window.pageYOffset >=
                   document.body.offsetHeight - 600;
  var next = findNext();
  if (nearBottom && next && !next.dataset.nvFollowed) {
    next.dataset.nvFollowed = '1';
    location.href = next.href;
  }
});

How to use this example

  1. Copy the code with the button above.
  2. Install JustZix (2 minutes) and open the extension on the target page.
  3. Add a new rule matching that page.
  4. Paste the code into the rule's JavaScript panel and save — it runs on every page visit.

Rate this example

No ratings yet — be the first.

Does this example work?

Snippets are useless without somewhere to paste them.

JustZix takes 2 minutes to install and runs your code on every matching page. No account, no payment.

Download free See use cases