2

Web サイトで Kelvin Luck の JScrollPane を使用しようとしていますが、うまく動作しません。

具体的には、ここのサンプルページから単純な水平スクロール機能のコーディングをコピーしようとしましたが、明らかに何かが欠けていました:

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

これが私がテストしているページです:

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

プレイリストには全部で 7 本の動画がありますが、最初は非表示になっている 3 本を表示するスクロール機能がありません。

アップデート:

また、上記の最初のリンクの水平スライダーと同じ html を使用してテスト ページを作成し、それを自分のサイトに配置しました。

lowhandicapper.com/members/exact-horizo​​ntal-test/

まだそれを機能させることはできません。

4

1 に答える 1

2

問題は HTML マークアップにあります。

すべての .jspcontainer、.jspHorizo​​ntalBar などを作成する必要はありません。Jscrollpane が自動的に作成します。

また、For some reason it's not working... の代わりに.jScrollPane()関数の使用を初期化すると、別のフレームワークと競合している可能性があります。jQuery$

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

これが実際の例です

コンテナの幅を更新するだけです。

于 2013-01-18T19:25:09.877 に答える