1

私はこのようなページネーションを持っています

<div> ( =400px )
<ul> ( =2000px )
<li>1<div>1</div></li>
<li>2<div>2</div></li>
<li>3<div>3</div></li>
..
</ul>
</div>

ページネーションは最大 100 で、幅は約 2000px です。ただし、div の幅は 400px のみです。overflow:hiddenこれは、特定の量だけliが表示されることを意味します。また、左右にアニメーションを実行する 2 つのボタンがあります。このようにして、訪問者はページネーションを左右に「スライド」できます。

$(".right").live('click', function(){
  $(ul).animate({"left": "-=140px"}, "fast");
});

$(".left").live('click', function(){
  $(ul).animate({"left": "+=140px"}, "fast");
});

問題は、特定の時点で「アクティブな」(クラス) ページネーション番号が見えなくなることです (この質問では理由は重要ではありません)

li.activeJqueryイベントやドキュメントの準備ができていれば、トラフを制御したいと思います。li.active常に 400px div に表示されるようにしたいと思います。つまり、ul は に対して左または右に移動し、「非表示」 (overflow:hidden) の部分にはなりませんli.active。li.active

私の質問が明確であることを願っています。すべてのコードを大きなサイズに投稿することはできません。（それは物事を複雑にするだけです..）

4

1 に答える 1

2

わかりました、私の唯一の推測は、「アクティブな」クラスにcssルールを追加することですposition:absolute;

編集 ：

それがあなたが探しているものであるならば、ここでこの解決策を試してください。お役に立てば幸いです。

于 2012-04-17T10:42:39.460 に答える