Javascript 滚动至底部的动画

java脚本的任何想法仅在向下滚动时触发动画重复 …在此代码中，如何在滚动回顶部时禁用动画

我想动画触发只有当用户滚动到底部

请帮忙：）

（函数（$，win）{
$.fn.inViewport=函数（cb）{
返回此值。每个函数（i，el）{
函数visPx（）{
var H=$（this）.height（），
r=el.getBoundingClientRect（），
t=r.top，
b=r.底部；
返回cb.call（el，Math.max（0，t>0？H-t:（b
分隔符{
宽度：100%；
高度：150像素；
}
.集装箱{
宽度：90%；
保证金：0自动；
填充：0；
位置：相对位置；
}
.行{
显示：内联块；
位置：相对位置；
宽度：49.5%；
-moz框大小：边框框；
框大小：边框框；
}
.关于img{
宽度：100%；
溢出：隐藏；
位置：相对位置；
左：-60px；
不透明度：0；
}
.关于img img{
宽度：100%；
高度：自动；
过渡：所有2；
}
@关键帧向左增长不透明度{
0% {
不透明度：0；
左：-60px；
}
100% {
不透明度：1；
左：0；
}
}
.向左生长{
动画：增加不透明度向左0.9秒，向前0.1秒；
}
共享您的html文档，看看这是否有帮助：