返回頂部按鈕沒有正確觸發

Question

我有一個返回頂部按鈕，當您滾動一點時會出現。它工作正常，但當滾動時如果我到了頁腳，我希望按鈕在頁腳之上。

我使用jquery animate方法來改變按鈕的bottom css規則，當我到達頁面的底部。但是這種效果並不會立即發生在我的網站上，因爲我有更多的javascript，我認爲它需要在它運行效果之前先通過所有的代碼，它只是無法正常工作。

問題在哪裏？ 。這裏是我做了什麼：JSFIDDLE

var offset = 250; 
var duration = 500; 
$(window).scroll(function() { 
    if ($(this).scrollTop() > offset) { 
     $('.back-to-top').fadeIn(duration); 
    } else { 
     $('.back-to-top').fadeOut(duration); 
    } 
}); 

$('.back-to-top').on('click', function() { 
    event.preventDefault(); 
    $('html,body').animate({ scrollTop: 0 }, duration); 
    return false; 
}); 

$(window).scroll(function() { 
    if ($(window).scrollTop() + $(window).height() == $(document).height()) { 
     $('.back-to-top').animate({ 'bottom': '400px' }); 
    } else $('.back-to-top').animate({ 'bottom': '10%' }); 
}); 

Answer 1

好像補充說，改變div的位置的一類，並切換它時，條件爲真解決了這個問題。