动画淡入淡出滚动自底向上

问题描述：

我有这段代码，它使得当你滚动页面的网站标志被替换为一个较小的标志，并保持在页面的顶部，但是我想添加fadeIn的动画，其中较小的徽标从父DIV的底部淡入，然后如果向后滚动，则淡入到DIV的底部。动画淡入淡出滚动自底向上

这是我到目前为止有：

$(window).bind("scroll", function() { 
    if ($(this).scrollTop() > 75) { 
     $(".small-logo").fadeIn('fast'); 
    } else { 
     $(".small-logo").stop().fadeOut('fast'); 
    } 
});

这里看看的例子，我有： http://jsfiddle.net/3cd06hef/4/

你的提琴似乎工作得很好。实际上你的问题是什么？ – 2014-09-25 15:06:42

我想实际淡入从下往上的.small-logo div，当您滚动时，而不是只是淡入。 – zemaker 2014-09-25 15:21:47

答

您可以通过顶部位置JsFiddle

播放实现这一运动

$(window).bind("scroll", function() { 
    if ($(this).scrollTop() > 10) { 
     $(".small-logo").show().animate({top: '10px'}, 500); 
    } else { 
     $(".small-logo").stop().fadeOut("fast"); 
    } 
});

CSS

.small-logo { 
    position: fixed; 
    top:30px; 

    }

不工作安静的权利，它仍然存在小徽标，如果您向后滚动。再看看我稍微修改过的小提琴，以便更好地看到效果。 – zemaker 2014-09-25 18:02:53

动画淡入淡出滚动自底向上

相关推荐