Envie de savoir comment créer un mini menu, tout le temps affiché à l'écran et qui vous permet de scroller dans une page (pour un site de type OnePage par exemple)? Alors suivez ce tuto en vidéo.

Au programme de ce tuto menu pour scroller dans une page avec jQuery

Voici les notions abordées dans ce cours jQuery :

• Nous verrons comment créer un mini menu
• Nous verrons comment le positionner en permanence sur la page
• Nous verrons comment faire en sorte de faire scroller la page, lorsqu'on cliquera sur ce menu
• Nous verrons comment faire en sorte de faire réagir les différentes partie du menu en utilisant le scroll par défaut du navigateur
• Nous découvrirons la bibliothèque Modernizr qui permettra, en autre, de détecter si l'utilisateur peut utiliser ou non le menu sur une interface tactile (sur smartphone et tablette par exemple)

La technique décrite dans ce tuto peut également très bien convenir pour animer un menu dans le cadre d'un site one-page.
Les fichiers sources de ce tuto sont fournis. Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions ou remarques.