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

Question

如果您看一下:http://www.bendemeerwoolshed.co.nz

我有一个固定的标题。一切都很好，但是，如果您减小窗口的宽度(或在移动设备上查看它放大)并且需要在 X 轴上滚动，则只有内容滚动。有没有办法设置 position: fixed 仅适用于 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");

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