Javascript 基于滚动位置的不透明度

下面的代码将在scrollTop（）超过400px时使“转到顶部”按钮淡入，这很好，但我还没有找到一种方法使它在返回顶部时淡出

$("#gototop").css("opacity", "0");
$(window).bind('scroll', function(){
    if($(this).scrollTop() > 400) {
        $("#gototop").animate({
            opacity: 100,
        }, 3400);
    }
});

一个else在之后，如果没有帮助，我用我的非忍者技能尝试了不同的选择，但没有一个奏效。当卷轴回到顶部时，如何使其淡出

---

谢谢。

类似于另一个滚动处理程序的东西可以做相反的事情，或者第一个处理程序中的另一个if应该做相反的事情（您想测试是否

scrollTop（）<400

）

$(window).bind('scroll', function(){
    if($(this).scrollTop() < 400) {
        $("#gototop").animate({
            opacity: 0,
        }, 3400);
    }
});

---

我最终使用了一个名为“处理滚动位置”的插件。

这正是我迄今为止所尝试的，既有传统的滚动处理程序，也有在同一个处理程序中添加if的插件。我得到的是“gototop”按钮始终在那里，或者根本不在那里。不知道还有什么可以尝试的：（我最终使用了一个名为“处理滚动位置”的插件。

if(visible && $(this).scrollTop() < 400) {
    visible = !visible;
    //animate
}