Прокрутка мыши на странице навигации прокрутки вместо

Question

У нас есть сайт Twitter Bootstrap, который использует выпадающее меню с высотой 500px. Кажется, что в WebKit браузеры, прокручивающие колесо прокрутки мыши, не прокручивают меню, когда мышь над ним, а скорее страница. Используя Firefox, он работает лучше, но иногда прокручивает страницу, когда ваша мышь находится над меню.

Test просмотрев "Общие Политики" пункт меню:

http://www.puc.edu/campus-services/student-services/student-handbook

Есть ли способ, чтобы дать фокус меню, когда мышь находится над ним, так что колесо прокрутки мыши может прокручивать меню, а не содержимое страницы?

Answer 1

добавления

overflow-y: auto; 

к .dropdown-menu позволяет мне использовать колесо прокрутки на Chrome (WebKit браузер)

Answer 2

Вы можете дать переполнение-у: авто, который будет работать. Но это происходит из-за значения z-index. Измените значение z-индекса:

nav .dropdown-menu { 
    z-index: 99999; 
} 

И он будет работать.