Fissare un Elemento da Scrollare Insieme alla Pagina con jQuery
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.