jquery - 当滚动条到达浏览器顶部时淡入 ID

Question

我所追求的只是一些适合我目前所拥有的代码。

当浏览器窗口的高度小于 900 像素时，我有一个箭头显示在顶部附近，单击该箭头时会淡出并将用户带到页面的不同部分。如果用户向上滚动到顶部，我希望箭头淡入，使其再次可见。到目前为止，这是我的代码：

if($(window).height()>900){
    $("#contact a.arrow").fadeOut();
}

if($(window).height()<900){
    $("#contact a.arrow").fadeIn(1000);
}

$("#contact a.arrow").click(function() { 
    $("#contact a.arrow").fadeOut(); 
});

$(window).resize(function() {
if($(window).height()>900){
    $("#contact a.arrow").fadeOut();
}

if($(window).height()<900){
      $("#contact a.arrow").fadeIn(1000);
}
}); 

Answer 1

我认为您正在寻找scroll事件和scrollTop功能，例如：

var fadingIn = false;
$(window).scroll(function() {
    if (!fadingIn && $(window).scrollTop() === 0) {
        fadingIn = true;
        $("#contact a.arrow").fadeIn(1000, function() {
            fadingIn = false;
        });
    }
});

如果不是，=== 0那么在用户开始看到箭头之前，您希望离顶部有多近。< nn