Javascript 使用jQuery插件的jQuery双动画

我想实现与此页面类似的功能：

看看点击框。这个盒子有两个动画正在进行。一个用于easeInQuad，另一个动画用于easeInOutSine

我如何在自己的函数中实现类似的东西

$（函数（）
{
var iH=窗内高度+80；
var position=$（window.scrollTop（）；
$（窗口）。滚动（函数（）
{
var scroll=$（窗口）.scrollTop（）；
如果（滚动>位置）
{
$（“身体”）。设置动画(
{
滚动顶：iH
},1000,
“easeInOutQuart”）
.制作动画(
{
scrollTop:parseInt（$（窗口）.scrollTop（））-80
},1000,
“easeInOutQuart”）；
} 
else if（滚动<位置）
{
$（“body”）.get（0.scrollTop=0；
}
位置=$（窗口）.scrollTop（）；
});
});

---

第二个动画效果不太好。但它确实会向上滚动。但它会将图像向上滚动太多，而不仅仅是80像素。它向上滚动到顶部，然后动画进入无限循环。在第二个之后。动画将继续一次又一次地动画它。不间断。

我认为最好使用切换效果

$（“正文”）。停止（真）

这将清除对象上的所有动画队列