Remplacer la barre de défilement du navigateur par un défileur de contenu personnalisé

Question

J'utilise le Défilement de contenu personnalisé jQuery sur mon site et que tous les fichiers sont correctement installés. Cependant, j'aimerais que ce plugin remplace la barre de défilement par défaut de mon navigateur et j'ai du mal à y parvenir. De toute évidence, il faudrait que je l'applique à l'ensemble du balisage HTML.

Pour ajouter ce plugin au contenu, le développeur suggère ce qui suit :

<script>
    (function($){
        $(window).load(function(){
            $(".your-div-class-here").mCustomScrollbar();
        });
    })(jQuery);
</script>

Jusqu'à présent, pour l'appliquer à la barre de défilement du navigateur, j'ai essayé le code ci-dessous et cela n'a pas fonctionné :

<script>
    $(document).ready(
        function() {
            $("html").mCustomScrollbar();
        }
    );
</script>

Quelqu'un sait-il ce que je fais de manière incorrecte, ou comment je peux faire fonctionner ce code sur le navigateur ?

Answer 1

Vous devez l'appliquer à la balise body (et non html) :

$("body").mCustomScrollbar();

Voir cette démo sur la page d'accueil du plugin : http://manos.malihu.gr/tuts/custom-scrollbar-plugin/full_page_demo.html