如何制作位置：固定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：x軸固定位置但不是y？

Answer 3

你可以通過css本身來做到這一點：

<div style="width:250px; height:250px; border:solid;overflow:scroll; overflow-y:hidden">
    <div style="width:500px; height:500px; border:solid;"></div>
</div>