jquery - 使用滚动功能来动画切换元素

Question

我有一个 Logo ，它在文档准备就绪时被隐藏，不透明度为 0，然后当用户滚动到超过 400 像素时， Logo 会以动画方式进入 View ，而当它小于 400 像素时，它会以动画方式离开 View 。

目前，如果您开始滚动，它会关闭动画，然后当您滚动超过 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 启动并添加附加类之前，两者都会显示 Logo 。