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

ここに1枚の写真があります。 プリキュア好きでネットやっている人は一度くらいは見たことあるのではないでしょうか。 「プリキュアのメインターゲットに男子１９～３０歳が含まれる」という画像です。 「プリキュアは小さい子供がメインターゲットなので、我々大人は子供に迷惑をかけない様にプリキュア活動をしよう」といった意見が出た際に必ずといっていい程この画像が貼られ、 「この画像にあるようにプリキュアは20代30代の男子もメインターゲットにしてる。僕たちはメインターゲットなので何も問題は無い」といった趣旨の意見が出ます。 （メインターゲットの部分を拡大） プリキュアの対象年齢（メインターゲット）は 女子は４～6歳、７～9歳 男子は19～22歳、23～30歳 の表記があります。 ネットニュース媒体ですら「プリキュアの対象年齢はガチで20代～30代の大きなお友達だったことが発覚」なんてタイトルで、記事を配