html - 使固定的 Div 跟随 X 轴

Question

我有一个 div 定位固定:

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

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

有什么建议吗？如果可能的话，我宁愿使用 CSS。 JS 也被接受。

fiddle :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
    });
});