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) 
});