jquery - 如何使用滚动顶部和动画添加回调

Question

对于 IE8，我使用这段代码，当用户滚动到 250 或更多时，它使用 jQuery 为页面底部的横幅设置动画。问题是这非常慢并且有很大的延迟，我相信这是因为动画事件触发了很多次，我需要一个回调写入 .stop(); 但我不确定如何/在哪里放置它。有任何想法吗？

} else {
$(window).scroll(function() {
  if ($(this).scrollTop() < 250) {
     if($("#carriage-promo").not(':animated')){
        $("#carriage-promo").animate({
           height: 0
        },100);

     }
  } else {
     if($("#carriage-promo").not(':animated')){
        $("#carriage-promo").animate({
           height: '40px'
        },100);
     }
  }
});
}

Answer 1

试试这个：

$(window).scroll(function() {
  if ($(this).scrollTop() < 250) {
     if($("#carriage-promo").not(':animated')){
        $("#carriage-promo").stop(true,true).animate({
           height: 0
        },100);

     }
  } else {
     if($("#carriage-promo").not(':animated')){
        $("#carriage-promo").stop(true,true).animate({
           height: '40px'
        },100);
     }
  }
});