Z索引元素中的Internet Explorer滾動問題

Question

我創建了一個彈出式菜單，顯示導航區域中的鏈接列表。下面是包含div相關的CSS：

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

有附着到div使得如果導航菜單延伸屏幕的底部下方，它增加了溢出-Y滾動和調整大小以適合的JavaScript。偶然地，這些導航菜單被生成爲與另一個滾動元素相鄰並延伸到其上。

如果您使用鼠標滾輪進行滾動，此功能完美無缺。但是，如果您單擊並拖動滾動條，則在您釋放滾動條並與導航菜單或下面的元素進行交互之前，不會更新延伸到其他滾動元素上的菜單部分。

你如何強制元素更新？該頁面有一個過渡/寬鬆的文檔類型。上述缺陷存在於Internet Explorer中，但不是Chrome。

Answer 1

我能夠這樣做（用jQuery）來解決問題：

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