【问题标题】:Div hover not working when scrolling in chrome在 chrome 中滚动时,div 悬停不起作用
【发布时间】:2012-02-14 04:17:01
【问题描述】:

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

【问题讨论】:

  • 您使用的是哪个版本的 chrome?它适用于 16.0.912.75 m
  • 正是您的版本。当您只是“滚动 div”时,它们会改变颜色?
  • 是的,甚至 changed the fiddle 以确保 div 是不同的。一个愚蠢的问题,但你确定你没有击中 div 之间的空间吗?

标签: css google-chrome hover


【解决方案1】:

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

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

【讨论】:

  • 我认为 Chrome 至少会在滚动完成后更新:hover。这看起来可能是错误:o Firefox 在滚动时也会忽略,但在滚动结束后它会正确更新。
  • 滚动时没有鼠标悬停更新是 Chrome 45 中添加的一项功能 chromestatus.com/feature/5697181675683840
猜你喜欢
  • 2014-04-18
  • 2014-09-07
  • 2018-05-28
  • 2016-06-04
  • 2014-10-28
  • 1970-01-01
  • 2012-04-09
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多