JQuery fade in/out на прокрутке происходит только один раз

Question

Новое сообщество и новое для программирования.

Вот что я пытаюсь сделать, я хочу, чтобы изображение затухало, когда вы прокручиваете вниз до 1000 на веб-странице, а затем исчезаете при прокрутке назад. Эта часть его работает отлично. Но только один раз! Проблема в том, что я не могу заставить его выполнять несколько раз. Что мне не хватает, чтобы это повторялось при каждом прокрутке вверх и вниз?

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

Любая помощь приветствуется.

Answer 1

Пробуйте использовать animate с opacity.

$(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/