1

jqueryの問題に苦しんでいます。

私は解決策に近づいていると思いますが、私は現在つまずき続けています。

したがって、私のマークアップ（単純化）は次のようになります。

<div class="col">
    Content
   <div class="scroll-container">
      <ul>
        <li>Content</li>
        <li>Content</li>
        <li>Content</li>
      </ul>
   </div>
<a href="#" class="scroll">scroll down</a>
</div>

基本的に、コンテナとボタンを保持する.col 。

計画：

1）ボタンをクリックした後、コンテナは次へスクロールダウンする必要があります<li>。

2）最後<li>に達すると、最初に再びスクロールします。 <li>だから私はループが必要です。

3）の数とサイズは、ケースごとに<li>異なる場合があります。したがって、基本的に、ボタンはコンテナの上部の横にあるものをスクロールするだけです。<li>

4）スクロール<li>には、コンテナの上端に少し余裕を持たせる必要があります。

わたしはどこにいますか：

私はronalchnによって見事に解決された同様の問題を抱えていました。問題はやや類似しているため、彼のコードに基づいてフィドルを作成しました。

解決された問題をいじる（動作中のコードを確認するには）

この問題をいじる（明らかに同じjqueryでは機​​能しません）

私は、コードは基本的に、新しい状況で機能するために少しだけ再配置する必要があると思います。

私は数時間試しましたが、これはまだ私の現在のjqueryの理解レベルを超えているようです。

私は正しい方向へのどんなプッシュに対しても非常に素晴らしいです。ありがとうございました。

4

1 に答える 1

1

どうぞ: http://jsfiddle.net/UQsv9/7/

CSS の変更: にposition: relative追加ul

私は$.fn.data現在の子を格納するために使用しています。そこからは、2 つのオフセットの差を使用して new を計算するだけtopです。

于 2012-09-15T03:41:52.637 に答える