導航滾動頁面上的鼠標滾動代替

Question

我們有一個Twitter Bootstrap網站，該網站使用高度爲500px的下拉菜單。似乎在WebKit瀏覽器滾動鼠標滾輪不滾動菜單時，鼠標是在它，而是頁面。使用Firefox，它表現更好，但有時在您的鼠標懸停在菜單上時滾動頁面。

測試通過查看「常規策略」菜單項：

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

有沒有辦法讓菜單焦點，當你的鼠標移動到它，所以鼠標滾輪可以滾動菜單而不是頁面的內容？

Answer 1

加入

overflow-y: auto; 

到.dropdown-menu讓我在Chrome（WebKit瀏覽器）

Answer 2

你可以給溢出-Y使用滾輪：汽車，將工作。但是這是因爲z-index值而發生的。更改z-index值：

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

它會工作。