floatingNavi

画面の右下に常にくっついてくる要素を作るプラグイン

ナビゲーションとか、ページアップのような要素をスクロールに合わせて画面に追従させるjQueryプラグインを作ってみました。
そこまではどこにでもあるのですが、それに加えてフッターなどの被らせたくない要素より下には追従してこない機能をつけました。

Usage

1. jQuery及び添付のJS/CSSを読み込む
2. 対象の要素にカスタムデータ属性 data-floatingNavi を付与してください。
3. floating メソッドを対象の要素に設定してください。
   プロパティは後述のとおりです。

Props

object要素(セレクタ形式で要素名を指定。)

設定名	説明
bottomStandard	フッターなど被らせたくない物の要素
navi	追従させたい要素
main	メインコンテンツの横幅。このコンテンツの右側に設置される

pixles要素(単位:px)

オプション。初期値はすべて0。

設定名	説明
fadein	追従させたい要素をどの高さから表示させるか。常に表示するときは0を指定
sideMargin	メインコンテンツからどれだけ横にずらすか。数字が増えると右にずれる
bottomMargin	画面下部及び被らせたくないものからの距離。数字が増えると上にずれる