navigation en scrollto

Par macinsteph, il y a 14 ans

Javascript

bonsoir,
Je suis à la recherche d'un bon tuto sur une navigation en jquery sur la base de scrollto ou animate. Du style www.volll.com
Je ne comprends pas trop le principe.

si quelqu'un a quelque chose à me proposer ?
merci

2 réponses

MrGuillou, il y a 14 ans

Bonsoir,
Grafikart = > Tuuto

PaulB319, il y a 14 ans

Voici ce que j'utilise, ça fonctinne très bien et c'est très simple :

// Lorsqu'on click sur un lien commencent par #
    $('a[href^=#]').click(function(){
        // On récupère la position top de l'élément vers lequel on veut aller
        var location = $($(this).attr('href')).offset().top;
        // On anime la position du body vers celle de la cible
        $('body').animate({
            scrollTop: location
        }, 500);        
        // On empêche le lien de fonctionner
        return false;
    })