с помощью функции прокрутки для анимации переключения элемента

Question

У меня есть логотип, который на готовом документе скрыт с непрозрачностью 0, а затем, когда пользователь прокручивает до 400 пикселей, логотип оживляет на вид, а когда он меньше 400 пикселей, он оживляет из Посмотреть.

На данный момент, если вы запустите прокрутку, она оживляет, а затем, когда вы прокручиваете ее за пределы 400 пикселей, она оживляет. Есть ли способ, чтобы я не мог его оживить в момент прокрутки. http://jsfiddle.net/r1chyr1ch/DT32G/3/ Надеюсь, это имеет смысл.

$(document).ready(function(){ 
$('.menuLogo').css('opacity', 0); 
$(window).scroll(function() { 
    if ($(this).scrollTop() > 400) { 
     $('.menuLogo').addClass('slideDown').removeClass('slideUp'); 
    } else { 
     $('.menuLogo').removeClass('slideDown').addClass('slideUp'); 
     } 
    }); 
}); 

Answer 1

Ваш jsfiddle ссылка не отображается, но я подозреваю, что .menuLogo либо имеет непрозрачности установлено значение 1 или не установлен вообще в вашем CSS. Оба будут показывать логотип до тех пор, пока js не начнет и не добавит дополнительный класс.