1

できる限りわかりやすく説明するように努めます。

たとえば、3つのアイテムを含むサイドバーがあります。各項目は、ページ内のアンカーへのリンクです。scrollTo 関数を使用して、アイテムをクリックしたときにスムーズにスクロールできるようにします。それはうまくいきます。

しかし、私が今欲しいのは、スクロールすると、たとえばアンカー 3 に移動すると、スクロール中に表示される現在のアンカーが自動的に選択されることです。クリア ?

例: 項目 1 が選択されています。スクロールを開始すると、アンカー 2 に到達します。自動的に、項目 2 が選択され、項目 1 が選択されていない状態になります。

スクロールを続けると、アンカー 3 に到達します。アイテム 2 は非選択状態になり、アイテム 3 が自動的に選択されます。

そのため、アイテムをクリックするだけでなく、スクロールすることでアイテムの状態が自動的に変化します。

それを行うスマートな方法はありますか?

事前に感謝します。

バスティアン

4

2 に答える 2

2

Twitter ブートストラップには実装があります: http://twitter.github.com/bootstrap/javascript.html#scrollspy

また、jQuery ウェイポイントは十分な機能を提供します: http://imakewebthings.com/jquery-waypoints/

于 2012-06-29T16:10:25.377 に答える
0

このプラグインをチェックしてください: http://remysharp.com/2009/01/26/element-in-view-event-plugin/

于 2012-06-29T15:38:54.650 に答える