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

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您的 CSS 中的不透明度设置为 1 或根本没有设置。两者都会显示徽标，直到 js 启动并添加附加类。