スクロールでのJqueryのフェードイン/アウトは一度だけ発生します。

Question

コミュニティの新機能およびプログラミングの新機能。

私がやろうとしていることは、ウェブページで1000にスクロールしてから画像をフェードインしてから、スクロールアップしてフェードアウトさせたいということです。この部分はうまく動作します。しかし、一度だけ！問題は、複数回実行することができないということです。あなたが上下にスクロールするたびにこれを繰り返すことができるように私は何が欠けていますか？

$(window).bind("scroll", function() { 
    if ($(this).scrollTop() > 1000) { 
    $("#logo2").fadeIn(); 
    checkOffset(); 
    } else { 
    $("#logo2").stop().fadeOut(); 
    } 
}); 

助けていただければ幸いです。

Answer 1

animateをopacityとしてみてください。 `-function;

$(window).on("scroll", function() { 
    var logo = $("#logo2"); 

    logo.clearQueue(); 
    logo.stop(); 

    if ($(this).scrollTop() > 1000) { 
    logo.animate({opacity: 1}, 400); 
    } else { 
    logo.animate({opacity: 0}, 400); 
    } 
}); 

https://jsfiddle.net/32eckm71/35/