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

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