IE6のスクロール可能なdivの固定位置をエミュレートする

Question

これは本当にうんざりです。 JSfiddleで以下を実行してみてください。他のブラウザで試してみると正しく動作します。 IE6で実行すると、動作しません。

IE6でこの作業を行うにはどうすればよいですか？

また、コンテンツは位置：相対を持つ必要があります。

<style type="text/css"> 
     .content { 
      position: relative; 
     } 
     .scrollable { 
      position: relative; 
      width: 200px; 
      height: 200px; 
      background: #333; 
      overflow: scroll; 
     } 
     .fixed { 
      position: fixed; 
      top: 180px; 
      width: 200px; 
      height: 20px; 
      background: #fa2; 
     } 
    </style> 
    <div class="scrollable"> 
     <div class="content"> 
      im scrollable<br><br> 
      im scrollable<br><br> 
      im scrollable<br><br> 
      im scrollable<br><br> 
      im scrollable<br><br> 
      im scrollable<br><br> 
     </div>  
     <div class="fixed">and I'm fixed</div> 
    </div> 

Answer 1

position: fixedはIE6では機能しません。あなたは.fixedが&サイズ変更ウィンドウのスクロールにその「固定」の場所に行かせるためにはJavaScriptを使用することができますが、それは（JSがそれを持ち帰る前に移動します）として見栄えではないでしょう

私が知っているchecking this out