Fw

Ne ho provati tanti di plugin jQuery per fissare un elemento che scrolli insieme alla pagina.

Sticky Mojo è un plugin jQuery perfetto per questo scopo. Quello che lo distingue rispetto agli altri è il suo comportamento ottimale rispetto alle dimensioni in altezza del browser.

Dalla pagina ufficiale, puoi vedere che diminuendo l’altezza del browser, la sidebar non va a sovrapporsi ad altri elementi.

Questo perché è possibile fissare dei limiti, grazie a questo codice:

  $(document).ready(function(){
    $('#sidebar').stickyMojo({footerID: '#footer', contentID: '#main'});
  });

In questo caso la sidebar deve scrollare lungo tutto il div #main e fermarsi al #footer.

Sticky Mojo è compatibile con tutti i maggiori browser, compreso Internet Explorer dalla versione 8 in su.