css - 鼠标在导航滚动页面上滚动

我们有一个 Twitter Bootstrap 站点，它使用高度为 500px 的下拉菜单。似乎在 WebKit 浏览器中，当鼠标悬停在菜单上时，使用鼠标滚轮滚动的浏览器不会滚动菜单，而是滚动页面。使用 Firefox 时，它的性能更好，但有时会在鼠标悬停在菜单上时滚动页面。

通过查看“常规策略”菜单项进行测试:

有没有办法在鼠标悬停在菜单上时给予菜单焦点，以便鼠标滚轮可以滚动菜单而不是页面内容？

最佳答案

添加

overflow-y: auto;

.dropdown-menu 允许我在 Chrome(webkit 浏览器)上使用滚轮

关于css - 鼠标在导航滚动页面上滚动，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40730975/

相关文章：

css - 使用 shape-outside 位置 :fixed