如何制作位置:固定div水平滚动

Question

我有一个位置div:固定,如下图所示.

我想让它垂直固定,但我想让它与其他内容水平滚动(注意水平滚动条).

这可能与CSS有关吗？或者我需要Javascript(在这种情况下,我怎么能这样做)？

在此输入图像描述

Answer 1

老问题,但我也在寻找一个解决方案,并找到了一个很好的简单jquery解决方案,并认为其他人可能会发现它有用,如果没有别的:

    $(window).scroll(function(){
        $('#header').css('left', originalLeft - $(this).scrollLeft());
    });

标题是div,而originalLeft是,最初的左边:位置.如果有人滚动然后缩小,这也会有效,这样它就可以到达你想要的地方.

Answer 2

你需要 JavaScript。在这里您可以阅读教程（使用mootools）：http://www.rickyh.co.uk/css-position-x-and-position-y/。这里有一个类似的问题，用jquery解决：CSS:fixedposition on x-axis but not y?