Css位置固定为水平滚动但垂直滚动

Question

我有三个div如下：

<div id="left"></div>
<div id="center"><table></table></div>
<div id="right"></div>

现在我需要做的是保持#left和#right固定为水平滚动并仅滚动#center。这适用于position:fixed和#left的css #right。但问题是当我垂直滚动html页面时，我需要所有div's，即#left，#center和#right来滚动。这不起作用。请任何人帮我解决这个问题，以便#left和#right与#center一起垂直滚动并保持固定以进行水平滚动。我不知道如何使用css来实现它并使其工作。

Answer 1

试试这个链接，它使用一个名为scrollspy的插件来完成这些工作。很容易......

http://www.rickyh.co.uk/css-position-x-and-position-y/

另外，请参阅此问题：CSS: fixed position on x-axis but not y?

感谢semir.babajic：这是实际的片段。你需要jQuery。

$(window).scroll(function(){
    $('#header').css({
        'left': $(this).scrollLeft() + 15 //Always 15px from left
    });
});