动画fadeIn从下往上滚动

Question

我有这段代码，当你滚动页面时，网站徽标被一个较小的徽标替换为页面顶部，但是我想添加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/

Answer 1

您可以通过使用顶部位置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; 

    }