私が得たのは、次の CSS コードです。
#menu_top{
margin: 0;
position:fixed;
background: #4d4d4d;
width: 100%;
height: 90px;
border-bottom: 1px solid #000;
}
これはjavascriptの場合:
$(window).scroll(function(){
$('#menu_top').css('left',-$(window).scrollLeft());
});
しかし、ウィンドウのサイズを非常に小さいサイズに変更すると、ヘッダーの幅が 100% ではなくなります。右にスクロールすると、すべてが完全に満たされるわけではありません。
では、サイズ変更しても完全にウィンドウを 100% 埋めるにはどうすればよいでしょうか?