html - 在 X 轴上制作一个固定的 Div

Question

我有一个固定的 div：

.titles{
position: fixed;
background: #ffffff;
margin-left:-20px;
}

但是，当我移动 Y 轴时它也会跟随，我只是希望它跟随 X 轴。

任何提示？如果可能的话，我宁愿使用 CSS。JS 也被接受。

小提琴：http: //jsfiddle.net/wAEsg/

Answer 1

用jquery解决了。首先将该 div 设置为 Absolute 而不是 Fixed，然后：

var titles = $(".titles"); // cached collection
var leftOffset = parseInt(titles.css('left'));
$(window).scroll(function(){
    titles.css({
        'left': $(this).scrollLeft() + leftOffset
    });
});