返回顶部按钮没有正确触发

我有一个返回顶部按钮，当您滚动一点时会出现。它工作正常，但当滚动时如果我到了页脚，我希望按钮在页脚之上。返回顶部按钮没有正确触发

我使用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%' }); 
});

来源

2015-09-25 Eduard Valentin

好像补充说，改变div的位置的一类，并切换它时，条件为真解决了这个问题。

来源

2015-09-25 23:03:19

返回顶部按钮没有正确触发

回答

相关问题