滚动时jQuery动画

Question

我有一个问题。

当你向下滚动超过200px时，我的页面有一个小的“上升”div，它通过jQuery动画在底部滑动。在划船时它再次消失。问题是，当我测试它并向上滚动时，移动div“offscreen”的动画会闪烁（至少在Safari中）。

这是我的代码：

$(document).ready(function(){
    $(window).scroll(function(){
        if ($(window).scrollTop() > 200){
            $('#up').stop().animate({ bottom: '0px' }, 300, "easeOutBounce");       
        }
        else if ($(window).scrollTop() < 200){
            $('#up').stop().animate({ bottom: '-50px' }, 300, "linear");
        }
    });

我认为有两种选择：

停止闪烁 要么 而不是将div“移动到屏幕外”，我可以将它淡出来。问题是我试图以多种方式淡出它，但我不会得到一个在第一次向上滚动后工作的解决方案。它会动画并淡出，但第二次向下滚动时，它将无效。

提前致谢。