html - 在X轴上进行固定的Div跟随

我有一个固定的股利：

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

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

有小费吗？如果可能的话，我宁愿使用CSS。 JS也被接受。

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

最佳答案

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

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

关于html - 在X轴上进行固定的Div跟随，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19379075/