javascript - 我的气球停止移动

合并代码而不影响页脚：

<script>

$(document).ready(function() {

    moveUp();

function moveDown() {
        $('#Balloon').animate({'marginTop' : "+=300px"}, 3000,moveUp)
        }
         function moveUp(){
        $('#Balloon').animate({'marginTop' : "-=300px"}, 3000,moveDown)
        }          });

    var $scrollingDiv = $("#Balloon");
          $(window).scroll(function(){                        $scrollingDiv
              .stop()
              .animate({"marginTop": ($(window).scrollTop() + 30) + "px"}, "slow" );

});


</script>

我的气球第一次上/下浮动，但当上/下滚动页面时它完全停止移动。
需要专业建议吗？
1）上下翻页时如何使气球继续运动？
2）我可以添加更多的CSS代码的效果，放在哪里？

最佳答案

滚动功能完成后，只需添加moveUp功能。

$scrollingDiv.stop().animate({"marginTop": ($(window).scrollTop() + 30) + "px"}, "slow" ,moveUp);

注意,moveUp);后的"slow"部分。
Check This JSFiddle