Scroll ad un elemento (àncora) con jQuery

Può capitare di aver bisogno di focalizzare l’utente verso un elemento in particolare nella stessa pagina.

Per farlo si usa da che ho memoria le àncore, con l’immediatezza che l’azione comporta. Con jQuery però possiamo rendere questo movimento più fluido.

Sull’elemento da cliccare metteremo ‘onclick=”goto(‘titolo’)”‘ che porterà l’utente ad un qualsiasi elemento che abbia l’id “titolo”.

Ecco la funzione:

function goto(id){
var body = $("html, body");
body.stop().animate({scrollTop:$("#"+id).offset().top}, 500, 'swing', function() {});
}

Annunci
  1. Lascia un commento

Rispondi

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...

%d blogger hanno fatto clic su Mi Piace per questo: