鼠标滚动导航滚动页面

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：auto。但这是因为z-index值而发生的。更改以下的z-index值：

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

它会起作用。