Mostrando las entradas con la etiqueta scroll. Mostrar todas las entradas
Mostrando las entradas con la etiqueta scroll. Mostrar todas las entradas

Detectar scroll, el principio o final de página con jQuery



Les traigo un script para detectar si el usuario esta en la parte de arriba o en la parte de abajo de la pagina:

$(function () {
             var $win = $(window);
 
             $win.scroll(function () {
                 if ($win.scrollTop() == 0)
                     alert('Scrolled to Page Top');
                 else if ($win.height() + $win.scrollTop()
                                == $(document).height()) {
                     alert('Scrolled to Page Bottom');
                 }
             });
});

Aca les traigo la utilidad de cada función utilizada



$(window).height(); // devuelve la altura del viewport del navegador
$(document).height(); // devuelve la altura del documento HTML
$(window).scrollTop(); // devuelve la posición vertical actual de la barra de scroll


De manera que, si la barra de scroll se encuentra arriba del todo $(window).scrollTop() vale cero. Del mismo modo, si el valor del viewport del navegador más la posición vertical de la barra de scroll es igual a la altura total del documento, entonces el usuario ha hecho scroll hasta el fondo de la página.