Z 索引元素中的 Internet Explorer 滚动错误

Question

我创建了一个弹出菜单，在导航区域中显示链接列表。下面是包含 div 的相关 css：

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

div 附加了 javascript，这样如果导航菜单延伸到屏幕底部下方，它会添加溢出 y 滚动并调整其大小以适应。偶然地，这些导航菜单是在另一个滚动元素附近生成的，并在其上延伸。

如果您使用鼠标滚轮滚动，则效果非常好。但是，如果您单击并拖动滚动条，则在释放滚动条并与导航菜单或下面的元素交互之前，延伸到其他滚动元素的菜单部分不会更新。

如何强制元素更新？该页面具有过渡/宽松的文档类型。上述缺陷存在于 Internet Explorer 中，但 Chrome 中不存在。

Answer 1

我能够通过这样做（使用 jQuery）解决这个问题：

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