JScrollpane不會樣式滾動條

我有一個div，我需要能夠滾動。不幸的是，默認瀏覽器非常難看，我試圖用JScrollpane來解決這個問題。JScrollpane不會樣式滾動條

它似乎並不不過與我合作：我已經添加了必要的聯繫，和jQuery一起ofcourse這對應於我的文件結構

<script type="text/javascript" src="js/jquery.mousewheel.js"></script> 
<script type="text/javascript" src="js/jquery.jscrollpane.min.js"></script> 
<link type="text/css" href="css/jquery.jscrollpane.css" rel="stylesheet" media="all" />

，並呼籲使用

腳本

<script type="text/javascript"> 
    $(window).load(function() { 
     $('#slider').nivoSlider(); 
     $('.work-description').jScrollPane(); 
    }); 
    </script>

我的div也似乎是在地方：

<div class="workdescription" id="Plumbing"> 
        <div id="shop"> 
        <div class="item" data-id="1" data-name="This here is a very large piece of information" data-price="47.50"> 
         <p><button class="add-to-cart" type="button">Add</button></p> 
         <p class="itemPrice">This is about the longest sentence you'll get</p> 
        </div> 


      </div>

有了CSS值O f overflow：auto;

我也試過overflow：hidden;但是這也沒有奏效。我仍然堅持醜陋的滾動條。我沒有收到JScript錯誤。這是怎麼回事？

來源

2012-07-09 styke

我已經使用jScrollPane之前，你基本上需要一個容器，一段將被用作包裝，然後調用jScrollPane，你還需要重新初始化，如果容器將有一個滾動條來自ajax響應。

從您的代碼基於我假設你的HTML看起來像這樣：

<div class="workdescription" id="Plumbing"> 
<p> 
        <div id="shop"> 
        <div class="item" data-id="1" data-name="This here is a very large piece of information" data-price="47.50"> 
         <p><button class="add-to-cart" type="button">Add</button></p> 
         <p class="itemPrice">This is about the longest sentence you'll get</p> 
        </div> 
        </div> 
</p> 
</div>

那麼你的選擇，只包括HTML，所以你不會需要包裝上的窗口腳本後腳本。加載（）。

<script> 
$('.workdescription').jScrollPane({autoReinitialise: true}); 
</script>

來源

2012-07-09 22:53:17

啊！有用。他們確實沒有說清楚。謝謝你，陌生人！ – styke 2012-07-09 22:57:23

是的，他們沒有真正清楚在文檔中，你需要這些段落標籤。我以前真的遇到過麻煩。 – 2012-07-09 23:06:48

HTML中的類名稱是「workdescription」，但是您使用了「.work-description」作爲選擇器。這似乎是這個問題;）

來源

2012-07-09 22:50:07

你有一雙好眼睛:) – 2012-07-09 22:51:59

的確你是的。不知道這是否是問題，但發現很好。 – styke 2012-07-09 22:59:08

JScrollpane不會樣式滾動條

回答

相關問題