Javascript 当用户开始滚动页面时隐藏链接

当用户滚动页面时，是否可以使此向下链接淡出？我猜这可以用jQuery来完成，但我不太熟悉

HTML

工作J查询代码

 $(window).scroll(function () {
 if ($(this).scrollTop() > 0) {
   $('.down-link').fadeOut(250);
 } else {
   $('.down-link').fadeIn(0);
 }
 });

试试这个

$(window).scroll(function() {
$('.down-link').fadeTo("slow" , 0); 
});

如果你想在回来的时候把它拿回来，用这个代替

$(function(){
    var lastScrollTop = 0, delta = 5;
    $(window).scroll(function() {
        var nowScrollTop = $(this).scrollTop();
        if(Math.abs(lastScrollTop - nowScrollTop) >= delta){
            if (nowScrollTop > lastScrollTop){
                $('.down-link').fadeTo('slow',0); // scrolling down
            } else {
                $('.down-link').fadeTo('slow',1); // scrolling up
            }
            lastScrollTop = nowScrollTop;
        }
    });
});

---

这很好，唯一的问题是当用户返回页面顶部时不会返回。如果你想象我有一个链接，当用户在页面顶部时，它会向下滚动。我想消失时，用户滚动时，返回到顶部的链接出现，这是完全工作。但是如果返回到页面顶部，则需要重新显示@虽然这个代码片段可以解决这个问题，但它确实有助于提高文章的质量。记住，你是在回答未来读者的问题，这些人可能不知道你的代码建议的原因。我的回答是假设这个问题会被删除，因为它显示了原始海报中的糟糕研究，因为它只是关于使用标准jquery函数，而且这个问题已经发布了很多次。这不是一般性的评论@loli you mong。这是一个关于一个我知之甚少的话题的genine请求帮助/支持。在阅读了您的评论后，我已经了解了我需要遵循的思维过程，并且已经用我添加的代码解决了问题。请停止网络欺凌我，否则我将报警：^查看我编辑的答案

$(window).scroll(function() {
$('.down-link').fadeTo("slow" , 0); 
});

$(function(){
    var lastScrollTop = 0, delta = 5;
    $(window).scroll(function() {
        var nowScrollTop = $(this).scrollTop();
        if(Math.abs(lastScrollTop - nowScrollTop) >= delta){
            if (nowScrollTop > lastScrollTop){
                $('.down-link').fadeTo('slow',0); // scrolling down
            } else {
                $('.down-link').fadeTo('slow',1); // scrolling up
            }
            lastScrollTop = nowScrollTop;
        }
    });
});