如何使固定标题滚动 X 与内容

Question

如果你看看：http://www.bendemeerwoolshed.co.nz

我有一个固定的标题。但是，如果您减小窗口的宽度（或在移动设备上放大查看）并且需要在 X 轴上滚动，则只有内容会滚动。有没有办法设置位置：仅固定在 Y 轴上？

这是标头的 CSS：

header#header { 
   position: fixed; 
   height: 188px; 
   background: #fff url(../images/headerbgstrip.png) bottom center no-repeat; 
   width: 100%;
}

Answer 1

用一个简单的jQuery来处理：

$('#header').css("left","-"+$(window).scrollLeft()+"px");

作为旁注，我将标题附加到移动设备中的内容，因为静态标头无论如何在移动浏览器中占用了太多空间。