导航滚动页面上的鼠标滚动代替

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; 
} 

它会工作。