スクロールしても固定表示されるヘッダーを実装する | FSFIELD LabsJavaScript スクロールしても固定表示されるヘッダーを実装する グローバルナビなどが配置されているヘッダ部分を、スクロールしても固定表示されるようにする方法を紹介します。jQueryを使います。 最近増えてきた表現ですね。ナビゲーション部分が常に表示できるようになるので便利ですが、常に表示されるということはその分コンテンツ部分が狭くなるというわけで、デザインする際はその点を計算する必要がありそうです。 スマホでやると挙動がうっとうしかったので、やらないか、更なる改良が必要と感じました。 格納するファイル jquery.js 記述の仕方 HTMLの記述 <div id="navigation"> <ul> <li><a href="/">お知らせ</a></li> <li><a href="/">会社案内</a></li> <li><a href="/">Web開発室</a></
