PROGRAMMING以前にスクロールしたらサイドバー固定するコピペ用スクリプト【jQuery利用】という記事を書きました。サイドバー固定のスクリプト配布するなら、ヘッダー固定のスクリプトも配布すべきかなぁと思い、記事を書いています。完成イメージのデモはめっちゃ適当に作りました。『スクロールでサイズ変動する』ヘッダー固定用スクリプトデモちょっと荒業なスクリプトなので、好みに応じでご利用ください。どこが荒業なのかはHTMLをみるとわかるかと思います。{//80px以下だとfixedクラスを削除$('#pc-nav').removeClass('navbar-fixed-top');}});});『スクロールでサイズ変動する』ヘッダー固定用のHTMLテンプレートポイントは同じヘッダーを2箇所に設置している点です。1は通常のヘッダーを設置します。2では、サイズ変動後のヘッダーを設置します。簡単にロジックを説明すると、一定量スクロールされたら、フッター部分に隠されていたサイズ変動後のヘッダーを出現させて、固定しています。することにより、簡単なjQueryでヘッダー固定を実現できます。※ヘッダーを大きく変化させる時に便利です。0;}以上で完了です。ゆうスクリプト書くと真面目なエンジニアには怒られるのかな。:16記事で解説】SEOプログラミング・ブログの学習の有料ロードマップ【公開】プログラミング独立の完全ロードマップ【月20万を稼ぐ道】PROGRAMMINGブログ型アフィリエイトの完全講義【ブログ歴6年の僕の集大成です】BLOGお仕事の依頼はこちらからどうぞWebマーケティングコンサルティングの依頼ページSEO25万円:ビジネススタートにおけるWeb制作・運用設計をサポートしますPROGRAMMINGマナブブログ・アフィリエイト・プログラミングを愛しています。ブログを書きまくる→ブログ収益7桁達成。普段はバンコクを中心に南国にひきこもりつつ、生活費は5万円くらいで生きています。me!ブログ・アフィリエイト・プログラミングを愛しています。ブログを書きまくる→ブログ収益7桁達成。普段はバンコクを中心に南国にひきこもりつつ、生活費は5万円くらいで生きています。