如何使固定标题滚动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");

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