Question

在不影响我的页脚的情况下合并代码：

<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天上下浮动，但在向上/向下滚动页面时它完全停止移动。

需要专业建议吗？ 1）如何在向上/向下滚动页面时让气球继续移动？ 2）我可以添加更多CSS代码效果，放在哪里？

Answer 1

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

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

请注意,moveUp);后的"slow"部分。

<强> Check This JSFiddle

我的气球停止了移动

1 个答案: