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

时间:2013-06-13 15:05:22

标签: jquery mcustomscrollbar

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

要将此插件添加到内容中,开发人员会建议以下内容:

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

到目前为止,要将它应用到浏览器滚动条,我已经尝试了下面的代码并且它没有用到:

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

有人知道我做错了什么,或者我如何在浏览器上使用此代码?

1 个答案:

答案 0 :(得分:8)

您需要将它应用于body(而不是html)标记:

$("body").mCustomScrollbar();

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