滚动后显示div，向上滚动时隐藏

Question

我有一个div，当用户向下滚动400像素时需要显示该div。 当他向上滚动到400像素以上时，该div需要再次隐藏。 我可以使用fadeIn()和fadeOut( ）来完成这项工作，但是在这种情况下，我想使用animate（）添加一个类似于slideUp()的小动画。 但是以这种方式进行操作会使它变得非常有问题，有时会出现，有时则不会。

为什么是这样？

演示

Answer 1

使用$(window).scroll太频繁了。 建议您使用setInterval检查scrollTop。

这是一个演示

这是JavaScript代码：

function update() {
    if ($(window).scrollTop() > 400) {
        $('.signup_scroll').animate({
            "bottom": '0px'
        }, 300);
    } else {
        $('.signup_scroll').animate({
            "bottom": '-90px'
        }, 300);
    }
}

setInterval(update, 500);