ポートフォリオに jquery scrollable-tool を使用するサイトを構築しようとしています。私たちの仕事の例を示すさまざまなページにリンクするスクロール可能なリストがあります. スクロール可能なリストは、PHP を介してすべてのページに含まれています (これはもっと洗練されたものになると思いますが、私にはあまり適していません)。スクロール可能なリストは、関連するページが表示されている場合に.active
クラスを取得します。li
次に、スクロール可能なリストの表示部分がアクティブなリスト項目にジャンプし、そこからスクロール可能な部分が開始されます。
今、最初に scrollTo 関数と組み合わせて修正しようとしました。ul
しかし、その最後のli
ものは表示されません(私は5つのアイテムを持つ5つを持っていul
ますli
)。さらに、スクロール可能なものが奇妙に動作し始めます。スクロール可能な div にリスト項目が表示されないことがあります。
これは私のコードです:
$(document).ready(function(){
// initialize scrollable
$(".scrollable").scrollable({
mousewheel: true,
circular: true,
loop:true
});
$(".scrollable").scrollTo($("li.active"), 800, {axis:"x"} );
});
私も initialIndex で試してみましたが、これもうまく機能せず、素敵な scrollTo-Effect がありませんでした。