Se déplacer de façon fluide sur une ancre

Lorsque vous avez besoin d’avoir des ancres dans votre page, il est toujours agréable de pouvoir s’y déplacer de façon fluide et sans à coup. Pour avoir ce comportement, vous devez ajouter un petit peu de javascript dans votre site :

//Pouvoir se déplacer verticalement de façon fluide dans la page
jQuery(document).ready(function($){
    $(document).on('click','#sommaire-article a',function(){
        var h = $(this).attr('href');

        $('body,html').animate({  
            scrollTop:$(h).offset().top - 150
        }, 500); 
        return false;
    });
});

Ce code s’ajoute dans la partie /www/wp-includes/js de votre site dans un fichier js que vous devez déclarer dans votre fichier functions.php

Un petit exemple sur le site suivant où en cliquant sur les éléments du menu bleu, vous arrivez aux ancres de façon fluide.30