javascript - 如何检测滚动结束

Question

我的脚本有一些问题。所以，我想检测我的滚动动作的结束。当我滚动时我有我的警报，但如果我结束它则没有。你能帮助我吗？这是我的代码：

var animatable = $('body, html');
var animating = false;
animatable.animate( {scrollTop: $('#foo').offset()})

$(window).scroll(function(e) { 
       if(!animating){
           animatable.stop(false, true); 
           alert('stop scrolling');
       }
       animating = false;
});​

和一些小提琴：http: //jsfiddle.net/yhnKR/

Answer 1

这是你想要达到的目标：

$('body').animate( {scrollTop: $('#foo').offset().top},1000,function(){
 alert('stop scrolling');   
});

http://jsfiddle.net/yhnKR/2/

如果使用 jquery 为滚动设置动画，则不必观看滚动事件。

---

好的，如果您想检测用户何时停止滚动，则必须使用超时来检查用户是否停止。否则，您将获得每个滚动步骤的事件。像这样：

var delay = 1000;
var timeout = null;
$(window).bind('scroll',function(){
    clearTimeout(timeout);
    timeout = setTimeout(function(){
        alert('scrolling stopped');
    },delay);
});​​​​​​​​​​

http://jsfiddle.net/yhnKR/4/

Answer 2

也许添加这样的新事件：

http://james.padolsey.com/javascript/special-scroll-events-for-jquery/

有助于