[JS]ヘッダをスクロールに合わせて表示・非表示する1ランク便利なスクリプト -Headroom.js

スクロールベースのページを実装する時にぴったり！ ヘッダをユーザーのスクロール操作に合わせて表示・非表示するスクリプトを紹介します。スクロールのダウン・アップでclassを付与するので、ヘッダに限らず他にもいろいろと使えそうです。 スクリプトは単体で動作しますが、jQuery/ZeptoやAngularJSのプラグインとしても動作します。 Headroom.js 下にスクロールすると、ヘッダが上部に吸い込まれます。 一旦消えたヘッダは、上にスクロールするとどのポジションからでも表示されます。 この「どのポジションからでも」というのがこのスクリプトの便利なところです。 スクリプトにはさまざまなオプションが用意されており、デモページで楽しめます。 デザインは似ていますが、こちらは「Playroom」です。 デモページ ヘッダの非表示・表示のタイミングが細かく設定でき、アニメーションのエフェクト

[hr07jp]

ヘッダをスクロールに合わせて表示・非表示する1ランク便利なスクリプト -Headroom.js”

[candykebin]

[メニュー]

[poppun1940]

スクロールベースのページを実装する時にぴったり！　ヘッダをユーザーのスクロール操作に合わせて表示・非表示するスクリプトを紹介します。スクロールのダウン・アップでclassを付与するので、ヘッダに限らず他にも

[kana321]

ヘッダをユーザーのスクロール操作に合わせて表示・非表示するスクリプトを紹介します

[swallow_life]

前に苦労した。

[quechang]

これいいなあ

[ooiooiooi0313]

ヘッダをスクロールに合わせて表示・非表示する1ランク便利なスクリプト -Headroom.js スクロールベースのページを実装する時にぴったり！　ヘッダをユーザーのスクロール操作に合わせて表示・非表示するスクリプトを紹介