Jquery 自定义溢出滚动条模块

Jquery 自定义溢出滚动条模块,jquery,drupal,drupal-7,scroll,overflow,Jquery,Drupal,Drupal 7,Scroll,Overflow,我有一个Drupal站点,它有一个隐藏溢出的div。我想要的内容是横向滚动,但不是与丑陋的浅色滚动条。我的网站主要是黑暗的,所以我想要一些黑暗的,不是很明显 我已经搜索了几个小时,但是没有一个正常的jquery插件能够正常工作。我试过安装我找到的任何一个,但结果都是一样的。根本没有滚动条。那么,有人知道drupal的模块吗?或者为什么插件不起作用?您可以尝试为您的网站使用插件 在行动中 用法: 在中包括以下内容: <link href="path-to-latest/custom-scro

我有一个Drupal站点,它有一个隐藏溢出的div。我想要的内容是横向滚动,但不是与丑陋的浅色滚动条。我的网站主要是黑暗的,所以我想要一些黑暗的,不是很明显

我已经搜索了几个小时,但是没有一个正常的jquery插件能够正常工作。我试过安装我找到的任何一个,但结果都是一样的。根本没有滚动条。那么,有人知道drupal的模块吗?或者为什么插件不起作用?

您可以尝试为您的网站使用插件

在行动中

用法:

中包括以下内容:

<link href="path-to-latest/custom-scrollbar-plugin/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" />

<script src="path-to-latest/jquery/1.7/jquery.min.js"></script>
<script src="path-to-latest/jqueryui/1.8/jquery-ui.min.js"></script>

<script src="path-to-latest/custom-scrollbar-plugin/jquery.mousewheel.min.js"></script>
<script src="path-to-latest/custom-scrollbar-plugin/jquery.mCustomScrollbar.js"></script>

<script>
    (function($){
        $(window).load(function(){
            $("#content_1").mCustomScrollbar({
                scrollButtons:{
                    enable:true
                }
            });
        });
    })(jQuery);
</script>

(函数($){
$(窗口)。加载(函数(){
$(“内容1”).mCustomScrollbar({
滚动按钮:{
启用:true
}
});
});
})(jQuery);
您的内容应位于以下
中:


/*你的内容*/

我使用jScrollPane时没有任何麻烦,最好的是它能正常工作


您还可以自定义主题

我试着完全按照它告诉我的去做,但是没有酒吧或者其他什么东西出现。我已经没有代码了。不是为了那个。我最近尝试的是jScrollPane。jQuery自定义滚动条的工作原理是什么?请看这个演示:JSFIDLE没有mei的滚动条,只尝试了基本的jscrollpane,没有任何自定义,也没有显示滚动条。尝试使用nicescroll pane,它非常容易访问$('html').nicesroll({cursorborder:”,cursorcolor:“#333”,cursorwidth:“8px”,boxzoom:true,autohidemode:false});PreservationiveScrolling:false,cursorwidth:'8px',CursorOrder:'none',CursorOrderRadius:'0px',cursorcolor:'39CCDB',autohidemode:false,background:'9999999})
<div id="content_1" class="content">
    /* Your content */
</div>