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

Question

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

5

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

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

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

到目前为止，我尝试了以下代码将其应用于浏览器滚动条，但未成功：

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

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

- user2482772

1

你不能使用Javascript替换浏览器滚动条，因为它是浏览器的一部分而不是页面。你可以尝试将整个网站内容包裹在一个div中，并对该元素应用滚动条。 - Jaay

我假设我在jQuery方面远不如这个网站上的许多用户流利。他们是否正在使用此脚本：http://areaaperta.com/nicescroll/？ - user2482772

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- malihu · Accepted Answer

您需要将它应用到 body 标签上（而不是 html 标签）：

$("body").mCustomScrollbar();

请查看插件主页上的演示： http://manos.malihu.gr/tuts/custom-scrollbar-plugin/full_page_demo.html

该演示展示了自定义滚动条插件的功能。