Ошибка прокрутки в Internet Explorer в Z-проиндексированном элементе

Question

Я создал всплывающее меню, которое отображает список ссылок в области навигации. Вот соответствующий CSS для содержащего div:

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

К элементу div прикреплен javascript, так что если меню навигации выходит за нижнюю часть экрана, оно добавляет прокрутку с переполнением и изменяет ее размер. Случайно эти навигационные меню создаются рядом с другим элементом прокрутки и простираются над ним.

Это прекрасно работает, если вы используете колесо мыши для прокрутки. Однако если щелкнуть и перетащить полосу прокрутки, часть меню, которая распространяется на другой элемент прокрутки, не будет обновлена, пока вы не отпустите полосу прокрутки и не будете взаимодействовать с навигационным меню или элементом под ним.

Как вы заставляете элемент обновляться? Страница имеет переходный / свободный тип документа. Вышеуказанный дефект присутствует в Internet Explorer, но не в Chrome.

Answer 1

Мне удалось решить проблему, выполнив это (с помощью jQuery):

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