css - 在 chrome 中滚动时 Div 悬停不起作用

标签 css google-chrome hover

请看一下这段代码:http://jsfiddle.net/6JnJb/1/ 我的问题是,在 chrome 中,如果鼠标悬停在 div 上,滚动时它们的颜色不会改变。如果我“手动”将鼠标移到 div 上(而不是在滚动时),它会将其颜色更改为红色。 在 Firefox 中它运行完美,但在 Chrome 中却不行。 我可以解决这个问题或简单地解决 Chrome 的工作原理吗?

最佳答案

Chrome 不会在滚动时立即传播鼠标悬停事件。这个问题确实没有任何解决办法,因为它优先考虑滚动事件而不是特定元素上的悬停事件。

我看到的行为是悬停效果不会随着鼠标仍在滚动而移动,而是在滚动速度足够低时 catch 。

关于css - 在 chrome 中滚动时 Div 悬停不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8927179/

相关文章:

javascript - 在 Chrome/Mac 上强制 DOM 重绘/刷新

javascript - 内联日期选择器中的 bootstrap3 多个日期

javascript - javascript 控制台和右键单击浏览器并选择检查之间的区别?

css - Chrome + Lucida Grande + 自动换行

javascript - 建立内容脚本和后台页面之间的通信链接

css - 如何在 css3 中使用悬停在另一个 div 上来制作 div 动画?

css - 想知道如何通过 tabview 样式属性更改标题?

javascript - 如何查看已按下菜单的哪个元素?

悬停或单击时的 Jquery 下拉菜单

css - 多个图层上的 SVG 悬停状态,不仅是顶层