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

Question

我有三个div，如下：

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

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

Answer 1

试试这个链接，它使用一个名为scrollspy 的插件来做这些事情。很简单...

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

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

感谢semir.babajic：这是实际的sn-p。您将需要 jQuery。

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