例子:
在 Chrome 和 Safari 中比较Twitter.com上的推文提要。当鼠标保持静止并使用触控板或鼠标滚轮滚动提要时,不会触发悬停状态。似乎光标仅在移动光标时针对 Safari 中的元素,而不是在滚动浏览器窗口时。这适用于 CSS 和 JQuery 悬停状态。
Ex.fm已经能够解决这个问题。如果您在歌曲列表上使用静止光标滚动浏览器窗口,则会触发悬停状态。必须以某种方式破解此 Safari 特定问题。
例子:
在 Chrome 和 Safari 中比较Twitter.com上的推文提要。当鼠标保持静止并使用触控板或鼠标滚轮滚动提要时,不会触发悬停状态。似乎光标仅在移动光标时针对 Safari 中的元素,而不是在滚动浏览器窗口时。这适用于 CSS 和 JQuery 悬停状态。
Ex.fm已经能够解决这个问题。如果您在歌曲列表上使用静止光标滚动浏览器窗口,则会触发悬停状态。必须以某种方式破解此 Safari 特定问题。
这在“Webkit Nightly”的最新版本中得到了修复。几乎可以肯定它会出现在 Safari 的下一个主要版本中。
Safari 在使用触控板或滚轮滚动时不会检测鼠标位置(因此会触发悬停状态),除非您正在与之交互的对象位于可滚动的div
. div
您可以在集合内嵌套整个内容提要,overflow:scroll;
以允许在滚动时进行动态定位。然后 * 将你设置div
为填满整个屏幕,然后你给 ** 滚动页面的外观,而实际上只在其中滚动div
。
查看这个 JSFiddle 示例:http: //jsfiddle.net/8Nkpr/26/
这个来自 Graham Hicks 的例子:http: //jsfiddle.net/U7SGh/
--
*显然,如果您正在执行依赖于使用 JQuery 检测滚动位置的任何动画或交互,这将成为一个问题。对不起,这个技巧没有视差。
**这就是 ex.fm(如原始问题中所述)解决它的方式。
***感谢 Graham Hicks (@gmh) 为我们指明了正确的方向。
这个问题的答案可能会给你一个关于如何进行的提示。在 Firefox 中会发生什么?