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

Question

我有div以下三个：

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

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

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：这是实际的片段。您将需要 jQuery。

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