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

Internet explorer Z索引元素中的Internet Explorer滚动错误,internet-explorer,scroll,z-index,Internet Explorer,Scroll,Z Index,我创建了一个弹出式菜单,在导航区域中显示链接列表。以下是包含div的相关css: overflow: hidden; position: absolute; display: none; z-index: 200; div上附加了javascript,因此如果导航菜单延伸到屏幕底部以下,它会添加overflow-y滚动并调整大小以适应需要。碰巧,这些导航菜单是在另一个滚动元素附近生成的,并扩展到它上面 如果您使用鼠标滚轮滚动,这将非常有效。但是,如果单击并拖动滚动条,则在释放滚动条并与导航菜单

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

overflow: hidden;
position: absolute;
display: none;
z-index: 200;
div上附加了javascript,因此如果导航菜单延伸到屏幕底部以下,它会添加overflow-y滚动并调整大小以适应需要。碰巧,这些导航菜单是在另一个滚动元素附近生成的,并扩展到它上面

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


如何强制元素更新?该页面具有过渡/松散的doctype。上述缺陷存在于internet explorer中,但不存在于chrome中。

我通过使用jQuery解决了此问题:

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