【コピペで解消】横幅サイズ固定のサイトの固定ヘッダーの横スクロール!

bodyに最小値を設定して、header固定だとうまくいかない

headerにposition:fixed;をすると、コンテンツ自体は横スクロールではみ出たコンテンツが右側に表示されます。

しかしheaderはfiexdしてるので、横スクロールできずに画面の右側についてきてしまう。。。width:100%;の状態。

コンテンツ(body)を横スクロールしたときに、連動してheaderも横スクロールさせたい!!

そんなときな下記をコピペしてください。

jQuery

これだけで思い通りの挙動になりますよ。

投稿者:気まぐれWEBLOG管理人