Bootstrap4移行ガイドを読む（コンポーネント編、スクロールスパイ）

スクロールスパイ - Bootstrap4移行ガイド

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