[js, jQuery]グローバルメニューを固定する2パターンをメモっとく

[js, jQuery]グローバルメニューを固定する2パターンをメモっとく

久しぶりのjsネタ(女子小学生とは違う)

最近のWEBは縦の長さが長くなったと思いません?
パララックスとか使うと特に。
そんな時のユーザビリティに役に立つ「グローバルメニューをページ上部に固定する」jsを2パターンメモっておこうと思います。
(最近何かとよく使うのでコピペ用です)

基本のhtml部分

こんな感じのレイアウトを書いておきます。
今回は.navの部分を固定します。

(2パターンとも共通です)

1.普通に固定します

まずはjs

次にcss

DEMO

2.一旦固定してfooterが近くなると消す

まずjs

次にcss

DEMO

とりあえずメモでした。

スポンサーリンク
  • このエントリーをはてなブックマークに追加
  • Evernoteに保存Evernoteに保存
スポンサーリンク