Bootstrap3
日本語リファレンス

広告

アフィックス  affix.js


特定の要素をスクロールに追従させるJavaScript。

サンプル

  1. スクロールに追従させたい要素に、data-spy属性を追加し、affixを指定する。
  2. 一定量スクロールした後に追従を開始したい場合、data-offset-top属性を追加し、ページの上端から、スクロールに追従させたい要素までの距離を指定する。
  3. 特定の位置で追従を終了したい場合、data-offset-bottom属性を追加し、追従を終了する位置を、ページの下端からの距離で指定する。
基本
<div data-spy="affix">
	・・・
</div>
一定量スクロールした後に追従を開始
<div data-spy="affix" data-offset-top="px単位の数値">
	・・・
</div>
一定量スクロールした後に追従を開始し、特定の位置で追従を終了
<div data-spy="affix" data-offset-top="px単位の数値" data-offset-bottom="px単位の数値">
	・・・
</div>

広告