Internet Explorer Z-インデックス要素のスクロールバグ

Question

ナビゲーションエリア内のリンクの一覧を表示するポップオーバーメニューを作成しました。ここ含むdiv要素に関連するCSSは次のとおりです。

overflow: hidden; 
position: absolute; 
display: none; 
z-index: 200; 

ナビゲーションメニューが画面の下の下に拡張する場合、それはオーバーフロー-yのスクロールを追加し、合わせて、それのサイズを変更するようなdiv要素に添付のjavascriptがあります。偶然、これらのナビゲーションメニューは、別のスクロール要素に隣接して生成され、その上に広がっています。

これは、マウスホイールを使ってスクロールすると完全に機能します。ただし、スクロールバーをクリックしてドラッグすると、スクロールバーを解放して下にあるナビゲーションメニューまたは要素のいずれかとやり取りするまで、他のスクロール要素にまたがるメニューの部分は更新されません。

どのように要素を強制的に更新しますか？ページには過渡的/緩やかなdoctypeがあります。上記の欠陥は​​Internet Explorerには存在しますが、chromeには存在しません。

Answer 1

私は（jQueryを使って）これを行うことで問題を解決することができた：

menu.scroll(function (evt) { 
    jQuery('div.dropdownmenu') 
     .css('height', menu.height()+1) 
     .css('height', menu.height()-1) 
});