Jquery 滚动时web应用程序上的悬停状态触发

Jquery 滚动时web应用程序上的悬停状态触发,jquery,iphone,web-applications,scroll,hover,Jquery,Iphone,Web Applications,Scroll,Hover,在这里创建一个web应用程序,我面临的最大问题是,每当你滚动浏览内容时,所有的悬停/活动/焦点状态都会触发,这让人相当恼火 在本机应用程序中,iPhone或Android应用程序知道滚动和点击之间的区别。用jQuery或CSS实现这一点有什么方法吗 我的第一反应是添加一个mouseenter,mouseleave事件: $("div").mouseover(function () { setTimeout($.proxy(function () { $(this).css

在这里创建一个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插件

希望有帮助