在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
    });
});