jquery - 滚动时在Web应用上触发悬停状态

在这里创建一个Web应用程序，我面临的最大问题是，每当您滚动浏览内容时，所有的悬停/活动/焦点状态都会触发，这很烦人。

在本机应用程序中，iPhone或Android应用程序知道滚动和轻击之间的区别。无论如何，使用jQuery或CSS可以做到这一点吗？

最佳答案

我的第一个本能是仅添加一个mouseenter mouseleave事件：

$("div").mouseover(function () {
    setTimeout($.proxy(function () {
        $(this).css("background-color", "blue");
    }, this), 500)
}).mouseout(function () {
    $('div').css("background-color", "");
});

上面的代码将切换div的背景颜色，然后清除元素之间的所有背景颜色。话虽如此，根据您的要求和所使用的元素，最好不要重新发明轮子而只使用：

hoverIntent jQuery插件
http://cherne.net/brian/resources/jquery.hoverIntent.html

希望有帮助！

关于jquery - 滚动时在Web应用上触发悬停状态，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13922628/