よもやまチョモランマ

ナビゲーションとスクロール

スクロールしたとき、邪魔にならない程度に残しておきたいナビゲーション。
その動きには、こんなにバリエがあったんですね。

jQuery:スクロールしたらヘッダーやナビゲーションを固定・変化させる動きを実装するサンプルコード 5

1.ナビゲーションが途中から固定
2.下にスクロールでヘッダー非表示・上にスクロールでヘッダー表示
3.スクロールでヘッダーサイズを変更
4.ナビゲーションを途中から表示
5.ナビゲーションが途中から固定され、フッター前で非表示に

「オレここで待機してるから」と
そのままどっかり固定される
安定感がいいのか

下スクロールのときは「あ、わたし、読むのに邪魔ですよね」と消えていて
上スクロールのときは「戻るんですか?違いましたか?案内しましょうか?」と現れる
空気を読む感じがいいのか

「残ったほうがいい・・・でも邪魔にはなりたくない・・・」と
小さくなって留まっていてくれる
気丈な感じがいいのか

「やっぱりあった方がいいんじゃない?」と
いったん消えたくせに途中から再び顔を出してくる
おちゃめな感じがいいのか

「もう大丈夫ですね」と
フッターメニューが現れるタイミングで姿を消す
ヒーローのような感じがいいのか

なんかキャラものみたいですな・・・
いつか使う日のために残しておこう。