使用滚动功能动画切换元素

Question

我有一个徽标，在文档就绪时隐藏了不透明度为0，然后当用户滚动到超过400px时，徽标会动画进入视图，当它小于400px时，它会动画显示在视野之外。

目前，如果你开始滚动它会动画关闭然后当你滚动超过400px它动画。有没有一种方法我可以让它在滚动时不动画。 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开始并添加额外的类。