用自定义内容滚动器替换浏览器滚动条答案

【问题标题】：Replace Browser Scrollbar with Custom Content Scroller用自定义内容滚动器替换浏览器滚动条
【发布时间】：2013-06-13 15:05:21
【问题描述】：

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

要将此插件添加到内容中，开发人员建议如下：

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

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

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

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

【问题讨论】：

您不能用 Javascript 替换浏览器滚动条，因为这是浏览器的一部分，而不是页面；您可以尝试将整个网站内容包装在一个 div 中并在该元素上应用滚动
我假设我在 jQuery 方面的流利程度远不及该网站上的许多用户。这就是他们对这个脚本所做的：areaaperta.com/nicescroll？

标签： jquery mcustomscrollbar

【解决方案1】：

你需要把它应用到body（不是html）标签上：

$("body").mCustomScrollbar();

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

【讨论】：

哇！！我第一次看到适用于身体的卷轴有效！ n.n