我有一个带有隐藏溢出的 div 的 Drupal 站点。我希望内容可以横向滚动,但不希望使用那个难看的浅色滚动条。我的网站主要是黑暗的,所以我想要一些黑暗且不太引人注目的东西。
我已经搜索了几个小时,但似乎没有一个普通的 jquery 插件可以工作。我试过安装我找到的任何一个,但它们都以相同的方式结束。根本没有滚动条。那么有谁知道drupal的模块或插件为什么不起作用?
I used jScrollPane without any fuss and best thing is that it works
You can also do custom themes.
您可以为您的网站尝试jQuery Custom Scrollbar插件。
观看演示在行动中。
用法:
包括以下内容<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>