jQuery的窗口位置加載頁面

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; 
    }); 
});