アフィックス affix.js
特定の要素をスクロールに追従させるJavaScript。
サンプル
使い方
- スクロールに追従させたい要素に、
data-spy
属性を追加し、affix
を指定する。 - 一定量スクロールした後に追従を開始したい場合、
data-offset-top
属性を追加し、ページの上端から、スクロールに追従させたい要素までの距離を指定する。 - 特定の位置で追従を終了したい場合、
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>