← Todos los ejemplos

JavaScript Navegación

Auto-paginador: cargar la siguiente página

Al desplazarte cerca del fondo navega automáticamente a la siguiente página.

Código para copiar

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

Cómo usar este ejemplo

  1. Copia el código con el botón de arriba.
  2. Instala JustZix (2 minutos) y abre la extensión en la página de destino.
  3. Añade una nueva regla que coincida con esa página.
  4. Pega el código en el panel JavaScript de la regla y guarda — se ejecuta en cada visita a la página.

Valora este ejemplo

Sin valoraciones — sé el primero.

¿Funciona este ejemplo?

Los snippets son inútiles sin un lugar donde pegarlos.

JustZix se instala en 2 minutos y ejecuta tu código en cada página coincidente. Sin cuenta, sin pago.

Descargar gratis Ver casos de uso