jquery - 用自定义内容滚动条替换浏览器滚动条

Question

我正在使用jQuery custom content scroller在我的网站上并正确安装所有文件。但是，我希望这个插件取代我的默认浏览器滚动条，但我很难实现这一点。显然，我需要将其应用到整个 HTML 标记。

要将此插件添加到内容中，开发人员建议执行以下操作:

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

到目前为止，为了将其应用到浏览器滚动条，我已经尝试了下面的代码，但它没有工作:

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

有谁知道我做错了什么，或者如何让这段代码在浏览器上运行？

Answer 1

您需要将其应用于正文(不是 html)标签:

$("body").mCustomScrollbar();

从插件主页查看此演示: http://manos.malihu.gr/tuts/custom-scrollbar-plugin/full_page_demo.html