← Wszystkie przykłady

JavaScript Nawigacja

Auto-pager: ładuj kolejną stronę

Po dotarciu w pobliże dolnej krawędzi automatycznie przechodzi do następnej strony listy.

Kod do skopiowania

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;
  }
});

Jak użyć tego przykładu

  1. Skopiuj kod przyciskiem powyżej.
  2. Zainstaluj JustZix (2 minuty) i otwórz wtyczkę na docelowej stronie.
  3. Dodaj nową regułę dopasowaną do tej strony.
  4. Wklej kod w panelu JavaScript reguły i zapisz — uruchomi się przy każdym wejściu na stronę.

Oceń ten przykład

Brak ocen — oceń jako pierwszy.

Czy ten przykład działa?

Snippety są bezużyteczne, jeśli nie masz gdzie ich wkleić.

JustZix instalujesz w 2 minuty i odpalasz swój kod na każdej pasującej stronie. Bez konta, bez opłat.

Pobierz za darmo Zobacz zastosowania