Question

我有一个Drupal站点，其中div已隐藏溢出。我希望内容可以横向滚动，但不能用那个丑陋的浅色滚动条。我的网站主要是黑暗的，所以我想要一些黑暗而不是很明显的东西。

我已搜索了几个小时，但没有一个正常的jquery插件似乎工作。我已经尝试安装我发现的任何一个，但它们都以同样的方式结束。根本没有滚动条。那么有没有人知道drupal的模块或为什么插件不工作？

Answer 1

您可以为自己的网站试用jQuery Custom Scrollbar插件。

<强> USAGE：

在<head>中加入以下内容：

<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>

您的内容应位于以下<div>：

中

<div id="content_1" class="content">
    /* Your content */
</div>

SEE EXAMPLE FIDDLE

Answer 2

我毫不费力地使用了jScrollPane，最好的是它的工作原理

jscrollpane.kelvinluck.com

您还可以执行自定义主题。

自定义溢出滚动条模块

2 个答案: