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

JavaScript・jQuery

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

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

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

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

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

$(window).on("scroll", function(){
    $("header").css("left", -$(window).scrollLeft());
});

$(window).on("scroll", function(){

$("header").css("left", -$(window).scrollLeft());

});

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

最新情報をチェックしよう！