加载页面时的窗口位置

jQuery window position when loading a page

本文关键字：窗口 位置 加载      更新时间：2023-09-26

我有一个问题与以下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就像它应该做的那样消失了。问题是它在加载页面后出现。

所以我不知道是什么原因导致的?

谢谢。

只需添加一个淡出或隐藏初始。应该可以了。

$(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;
    });
});
相关文章：