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

一度は見かけたことがあると思う、スクロールしたらヘッダーやナビゲーションを固定表示させたり見栄えを変化させたりする動きをjQueryで実装するサンプルです。 途中から要素を固定させたり、スクロールした方向によって表示・非表示を切り替えたりなど全5種類です。 使用HTML 特にこのようにしなければいけないというものではないですが、今回のサンプルで使用しているHTMLはいずれも下記のようなもの（サンプルによってはnav要素がないものもあります）になっており、このHTMLにあるheaderやnav要素に対してjQueryで処理していくといった感じになります。 <header> ...</header> <nav> ... </nav> <main> ... </main> <footer> ... </footer>

[rinxmoon]

便利なのか鬱陶しいのか迷うヤツ。

[yukimurasama]

趣味でサイト持ってるだけの素人だけどすごい今更感を感じるのはわたしだけなの…？

[khtno73]

お前らこないだまでjQueryは「石器時代のWeb開発」だの「ジュラ紀・せいぜい白亜紀」みたいなこと言ってた割にこういうのはブクマすんのな。

[webskillup]

めっちゃええ

[qinmu]

JavaScript。

[gayou]

Bootstrapと組み合わせてみたい。

[chihuahua-works]

メモ

[Aodrey]

わかりやすい

[lbtmplz]

やろうかなー…

[cc000777]

ヘッダ固定

[b4takashi]

前使いたかったけど断念したやつだ

[quality1]

つかいたい

[masayoshinym]

"スクロールしたらヘッダーやナビゲーションを固定"

[rd_sendo]

こういうのいいですね！

[maritimecolor]

便利～！[jQuery]