Javascript jQuery鼠标悬停动画滑块

嗯，我有这个容器，然后在里面，它有内容物。要导航，用户必须悬停按钮（向上或向下），容器才能移动

如果单击向上箭头按钮，则容器不应位于顶部，因为容器的位置为0。它应该和这个一样

这是屏幕截图，请大家理解

和…

这是我获取代码的参考资料

任何帮助都将不胜感激，这是js fiddlink-->

代码：（SO要求）

试试这个

newH =  $('.recipeIndexImage img:first').offset().top < 0 ? 0 : height;

newH=$（'.recipeIndexImage img:first'）.offset（）.top<0？0：高度；

完整代码

$(".btnUp").hover(function () {
    newH = $('.recipeIndexImage img:first').offset().top < 0 ? 0 : height;
    $(".recipeIndex").data('loop', true).stop().loopingAnimation({
        top: "+" + newH + "px"
    }, 2000);
}, function () {
    $(".recipeIndex").stop();
});

$（“.btnUp”）.hover（函数（）{
newH=$（'.recipeIndexImage img:first'）.offset（）.top<0？0:高度；
$（“.recipeIndex”）.data（'loop'，true）.stop（）.loopingAnimation({
顶部：“+”+新H+“px”
}, 2000);
}，函数（）{
$（“.recipeIndex”）.stop（）；
});

试试这个

step:function(now,fx)
{

if(now<0)
//stop animate here

}

步骤：函数（现在，fx）
{
如果（现在）
step:function(now,fx)
{

if(now<0)
//stop animate here

}