Question

我遇到以下jQuery函数的问题：

$(document).ready(function(){

    $(window).scroll(function(){
        if ($(window).scrollTop() + $(window).height() == $(document).height()) {
            $('.scrollToTop').fadeOut();
        } else {
            $('.scrollToTop').fadeIn();
        }
    });

    $('.scrollToTop').click(function(){
        $('html, body').animate({scrollTop : 0},800);
        return false;
    });
});

此功能用于在用户向下滚动页面时显示DIV。现在我的问题是，当页面加载并且窗口已经在顶部时，DIV将会显示！向下滚动时，DIV会保持不变。当点击那个DIV时，窗口会向上滚动并且DIV会像它应该的那样消失。问题只是在加载页面后出现。

所以我不知道是什么原因造成的？

非常感谢。

Answer 1

只需添加fadeOut或最初隐藏。应该这样做。

$(document).ready(function(){
    $('.scrollToTop').hide();
    $(window).scroll(function(){
        if ($(window).scrollTop() + $(window).height() == $(document).height()) {
            $('.scrollToTop').fadeOut();
        } else {
            $('.scrollToTop').fadeIn();
        }
    });

    $('.scrollToTop').click(function(){
        $('html, body').animate({scrollTop : 0},800);
        return false;
    });
});

加载页面时的jQuery窗口位置

1 个答案: