jQuery的使用jQuery插件寬鬆

我要像此頁來實現的東西雙動畫。該盒子有兩個動畫正在進行。一個用於easeInQuad，另一個用於easeInOutSine。jQuery的使用jQuery插件寬鬆

我該如何在自己的功能中實現類似的功能？

$(function() 
{ 
    var iH = window.innerHeight + 80; 
    var position = $(window).scrollTop(); 

    $(window).scroll(function() 
    { 
     var scroll = $(window).scrollTop(); 

     if(scroll > position) 
     { 
      $("body").animate(
      { 
       scrollTop: iH 
      },1000, 
      "easeInOutQuart") 
      .animate(
      { 
       scrollTop: parseInt($(window).scrollTop()) - 80 
      },1000, 
      "easeInOutQuart"); 
     } 
     else if(scroll < position) 
     { 
      $("body").get(0).scrollTop = 0; 
     } 

     position = $(window).scrollTop(); 
    }); 
});

第二個動畫效果不好。但它確實將它捲起來。但它捲起來不僅僅是80像素。它將它滾動到頂部，然後動畫進入無限循環。在第二個動畫之後，它會一次又一次地繼續動畫。不停。

來源

2009-05-03 Keira Nighly