Horizo​​ntaly固定的元素，具有絕對的垂直位置

Question

我有一個問題要問你的CSS大師！

我有標題菜單水平滾動的網站......現在，在某些時候，網站的內容足夠長，以顯示垂直滾動條。我有固定的定位菜單，所以滾動左右的作品很好......但向下滾動時，菜單明顯越過內容。我的問題是，有沒有辦法，jQuery的室內用/ CSS讓菜單固定時horizo​​ntaly滾動，然後絕對位置去到頂部，向下滾動時？

乾杯，沃爾瑪

Answer 1

您可以使用類似下面（example/fiddle）：

CSS：

#headerMenu { 
    position: absolute; 
} 

的jQuery：

$(window).scroll(function(){ 
    $("#headerMenu") 
     .stop(false, true) 
     .animate({"marginLeft": ($(window).scrollLeft()) + "px"}, "slow"); 
}); 

如果你不想動畫，你可以使用這個jQuery的調用（example/fiddle）：

$(window).scroll(function(){ 
    $("#headerMenu") 
     .css({"margin-left": ($(window).scrollLeft()) + "px"}); 
}); 

而且，這裏是一個真實的例子垂直滾動，其頭部區域下隱藏的內容：http://www.havenshade.com/experience.php