做一個固定的股利遵循只是在X軸

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