bodyに最小値を設定して、header固定だとうまくいかない
headerにposition:fixed;をすると、コンテンツ自体は横スクロールではみ出たコンテンツが右側に表示されます。
しかしheaderはfiexdしてるので、横スクロールできずに画面の右側についてきてしまう。。。width:100%;の状態。
コンテンツ（body）を横スクロールしたときに、連動してheaderも横スクロールさせたい！！
そんなときな下記をコピペしてください。
jQuery
|
1 2 3 |
$(window).on("scroll", function(){ $("header").css("left", -$(window).scrollLeft()); }); |