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

Question

我有三个div如下:

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

现在我需要做的是保持#left和#right固定水平滚动和滚动#center.这与css position:fixedfor #left和#right.但问题是当我垂直滚动html页面时我需要所有的div'sie #left,#center并#right滚动.这不起作用.请任何人帮助我如何做到这一点,#left并#right垂直滚动#center并保持固定水平滚动.我不知道如何使用css并使其工作.

Answer 1

试试这个链接,它使用一个调用的插件scrollspy来做这些事情.满容易...

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

另外,请看这个问题:CSS:x轴固定位置但不是y？

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

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