- スクロール位置に基づいて、ナビゲーションの現在地を更新するコンポーネント。現在アクティブなリンクを表示する
util.jsが必要- Bootstrapのナビゲーションコンポーネント、またはりすとグループコンポーネントで使用する必要がある
- 監視する対象には
position: relativeが必要- 監視対象が
body要素になることを想定されてスクロールスパイはつくられている body要素以外を監視するときは、heightとoverflow-y: scrollの指定が必要(コンテンツを囲む枠をつくる)
- 監視対象が
- ナビゲーションとコンテンツはアンカー(
a要素)とidで関連付けされている必要がある - スクロールスパイを使うには、
data-spy="scroll"とdata-target="ナビゲーションの親要素のID"を、ナビゲーションとコンテンツを包む要素に指定する必要がある - スクロールスパイは入れ子になったナビゲーションでも動作する