嗨,我编写了一个脚本,在悬停事件的图像上创建一个黑条。当用户开始滚动时,那个 vlack 栏就会消失。因为没有 ScrollEnd 事件,所以我创建了一个计时器,就像这里建议的用户停止滚动时的事件
它运作良好,但是当我剧烈地来回滚动时,黑条开始重新出现。我不太确定为什么会发生这种情况,但我假设每次都将计时器分配给不同的滚动事件。
关于如何解决这个问题的任何想法?
JsFiddle:http: //jsfiddle.net/7kw8z/29/
滚动事件代码:
function scroll(imageContainer, menu){
imageContainer.mousewheel(function(event, delta, deltaX, deltaY) {
event.preventDefault();
$("p").text(delta);
menu.css("visibility", "hidden");
$.data(this, 'timer', setTimeout(function() {
menu.css("visibility", "visible");
}, 1000));
});
}