自定義溢出滾動條模塊

我有一個Drupal網站，它有一個隱藏溢出的div。我希望內容可以橫向滾動，但不要用那個醜陋的淺色滾動條。我的網站主要是黑暗的，所以我想要黑暗的東西，而不是很明顯。自定義溢出滾動條模塊

我已經搜索了幾個小時，但沒有正常的jquery插件似乎工作。我嘗試安裝任何一個我發現，但他們都以同樣的方式結束。根本沒有滾動條。那麼有沒有人知道Drupal的模塊或爲什麼插件不工作？

2012-07-30 Dylan Buth

您可以嘗試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>

SEE EXAMPLE FIDDLE

來源

2012-07-30 05:17:47

我試着做那些告訴我做的事情，沒有酒吧出現或任何東西。 – 2012-07-30 05:44:38

你試過了什麼？你可以在jsfiddle.net上顯示你的代碼嗎？ – 2012-07-30 05:48:58

我沒有代碼了。不是那個。我最近嘗試的是jScrollPane。 – 2012-07-30 05:50:59

我用JScrollPane中沒有任何大驚小怪和最好的事情是，它

jscrollpane.kelvinluck.com

您也可以自定義主題。

來源

2012-07-30 05:28:30

我只是嘗試了基本的jscrollpane而沒有任何自定義，並且根本沒有出現滾動條。 – 2012-07-30 05:45:35

嘗試使用nicescroll窗格，它非常容易訪問。 $（'html'）。niceScroll（{cursorborder：「」，cursorcolor：「＃333333」，cursorwidth：「8px」，boxzoom：true，autohidemode：false}）; \t preservenativescrolling：假的， cursorwidth： '8像素'， cursorborder： '無'， cursorborderradius： '0像素'， cursorcolor：「＃39CCDB」， autohidemode：假的，背景：「＃999999」 }） – steve 2014-02-01 13:37:48

自定義溢出滾動條模塊

回答

相關問題