jQuery: intercettare lo scrolling degli elementi della pagina

Spesso è fondamentale poter intercettare lo scrolling sugli elementi per poter eseguire del codice jQuery quando l'utente scrolla verso l'alto o verso il basso. Vediamo come fare.

Bisogna sempre tenere presente che lo scrolling è efficace quando il contenuto di un elemento supera la sua altezza ed il browser deve fornire un meccanismo di scorrimento.

Ecco quindi la soluzione:

$(function() {
    var previousScroll = 0;
    
    $('#content').scroll(function() {
       var currentScroll = $(this).scrollTop();
       if (currentScroll > previousScroll){
           $('#output').text('down');
       }
       else {
          $('#output').text('up');
       }
       previousScroll = currentScroll;
    });

});