我的页面有一个可滚动的区域,其中包含许多元素。每个元素悬停时都会触发一个函数。
问题是,如果用户使用鼠标滚轮上下滚动,当区域在其下方滚动时,光标经过的每个元素都会触发函数。
是否有办法只有在用户不主动滚动时才悬停触发函数?
jQuery内置的 .scroll()
似乎不是我所需要的,因为滚动事件仅在滚动开始时触发。 我需要知道滚动是否“正在进行中”,可以这么说。
更新:以下是我的当前代码:
$container.find('div.item').each(function(i, e){
$(e).hover(
function(){
$(this).toggleClass('expanded');
// other functions here
},
function(){
$(this).toggleClass('expanded');
}
);
});
我想要做的是,如果用户正在滚动页面,就禁用.hover()
中的所有内容。