水平固定要素、絶対垂直位置

Question

私はあなたのための質問があります。

私はヘッダーメニュー付きの水平スクロールウェブサイトを持っています...今、ある時点で、サイトコンテンツは垂直スクロールバーを表示するのに十分な長さです。メニューは固定されているので、左右にスクロールするとうまくいきますが、スクロールするとメニューが明らかに内容を上回ります。私の質問は、水平方向のスクロール時にメニューが固定されるようにjquery/CSSがある方法がありますか？

乾杯、マート

Answer 1

あなたは（example/fiddle）は、次のようなものを使用することができます：あなたがしたくない場合は

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

：

CSS：

#headerMenu { 
    position: absolute; 
} 

のjQueryをアニメーション、このjQueryコール（example/fiddle）を使用することができます：

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

また、ここではヘッダ領域の下にコンテンツを隠し、垂直スクロール、現実世界の例である：http://www.havenshade.com/experience.php