javascript - 检测页面是否在文档加载时滚动

Question

我正在使用 scrollTop 来检测用户是否滚动然后 fadeIn 一个元素:

$(document).ready(function() {
    // scroll to top
    $(window).scroll(function() {
        if ($(this).scrollTop() >= 700) { // if page is scrolled more than 700px
            $('#return-to-top').fadeIn(200);
        } else {
            $('#return-to-top').fadeOut(200);
        }
    });
});

如果用户加载页面然后滚动，效果很好，但如果用户已经低于 700px 并重新加载或返回同一页面，该元素不会在文档上自动淡入加载。它似乎没有检测到页面已经滚动。

知道我的代码可能有什么问题吗？

Answer 1

在文档准备好后进行测试

最好是创建一个函数

function checkScroll(){
    if ($(window).scrollTop() >= 700) {
        $('#return-to-top').fadeIn(200);
    } else {
        $('#return-to-top').fadeOut(200);
    }
}

$(document).ready(function() {
    checkScroll();
    $(window).scroll(checkScroll);
});