ポジションの作成方法：水平方向に固定されたdivスクロール

Question

位置が固定されたdivがあります。以下のイメージが示すように固定します。

私はそれを垂直に固定したいが、それはコンテンツの残りの部分と水平にスクロールしたい（水平のスクロールバーに気づく）。

これはCSSで可能ですか？それともJavascriptが必要ですか（この場合、どうすればいいですか）

Answer 1

JavaScriptが必要です。ここではチュートリアル（mootools）：http://www.rickyh.co.uk/css-position-x-and-position-y/を読むことができます。 CSS: fixed position on x-axis but not y?

Answer 2

あなたは、CSS自身でそれを行うことができます：ここでは同様の問題は、jqueryので解決

<div style="width:250px; height:250px; border:solid;overflow:scroll; overflow-y:hidden"> 
    <div style="width:500px; height:500px; border:solid;"></div> 
</div> 

Answer 3

古い質問が、私はまた、解決策を探していた、と素敵なシンプルなjqueryのを見つけました解決策、そして何もない場合は他の誰かがそれが役に立つかもしれません考え出し：

$(window).scroll(function(){ 
        $('#header').css('left', originalLeft - $(this).scrollLeft()); 
    }); 

ヘッダはdiv要素であることと、そしてoriginalLeftされ、よく、最初の左：位置。これは、誰かがスクロールしてからズームアウトして、望む場所に移動する場合にも機能します。