先日USJでハリーポッターのアトラクションがオープンしましたねぇ私も早く行きたくてフォイフォイしてます。今回はそんな中から割と使うことの多い「headerを上部に固定」するjQueryをご紹介。常にheaderを表示させておきたい!縦に長いページの場合、画面がスクロールしてしまうとheader部分が隠れてしまいスクロールバーや「TOPへ戻る」のボタンで一度一番上まで戻る・・・なんて事があるかと思います。(まぁ大体footerにもメニューがありますが)そんな時、常に最上部にheaderがあればサクッとページ遷移できますね。サンプルソースってことで、まずはjQuery部分から。jQueryあらかじめjQuery本体は読み込ませておいてください。src=&quot;//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js&quot;&gt;&lt;/script&gt;その上で、下記スクリプトをhead部分に記述してください。}});});&lt;/script&gt;“header”部分は変更できますが、対応する部分を一緒に変えるのをお忘れなく。CSS簡単なナビも一緒に付けちゃいましょう。{background:#666;}17行目より下はナビがいらない場合は無視してください。HTML最後にhtmlを記述して完成です。&lt;/header&gt;&lt;/div&gt;&lt;/body&gt;デモページこんな感じですね、重宝しそうだったので知識として覚えておくと役に立つ日がくるかも知れません。あ、リスト内の顔文字は気にしないで頂けると助かります・・・。