無法讓jScrollpane在我的網站上工作

Question

我正在嘗試在我的網站上使用Kelvin Luck的JScrollPane，但在使其工作時遇到了一些麻煩。

具體來說，我試圖編碼複製從這裏採樣頁面的簡單的橫向滾動功能，但顯然錯過了一些東西：

http://jscrollpane.kelvinluck.com/arrows.html

這裏是我在測試它的頁面：

http://lowhandicapper.com/members/chipping-playlist-test/

我的播放列表中共有7個視頻，但我無法使滾動功能顯示最初隱藏的3個視頻。

更新：

我也使用相同的HTML從上面的第一個鏈接水平滑塊創建了一個測試頁面，並把那在我的網站在這裏：

lowhandicapper.com/members/exact-horizontal-test/

仍然可以不能讓它工作。

Answer 1

問題出在您的HTML標記中。

您不需要創建所有的.jspcontainer，.jspHorizo​​ntalBar等。 Jscrollpane爲您做。

此外，當您初始化您的.jScrollPane()函數使用jQuery而不是$由於某種原因，它不工作......也許你與另一個框架有衝突。

jQuery(document).ready(function() { 
    jQuery('.scroll-pane').jScrollPane({showArrows: true}); 
}); 

Here's a working example

你只需要更新容器寬度。