平滑滚动到顶部按钮与jQuery不起作用

Question

该按钮工作得很好，它出现在用户向下滚动300px后，当用户点击时它顺利滚动到顶部 - 我只是无法得到它页面滚动到顶部后消失。我需要做什么？

你可以看到它在这个codepen：http://cdpn.io/bukAm

相关元素.scrollup

这里就是在我的.js文件：

$(document).ready(function(){ 

    $(window).scroll(function(){ 

    if ($(this).scrollTop()>300) { 
     $(".scrollup").fadeIn('slow'); 
    } else {(".scrollup").hide();} 

    }); 

    $(".scrollup").click(function(){ 

    $('html,body').animate({scrollTop:0},600); 
    return false; 

    }); 

}); 

Answer 1

几个问题：

• 您隐藏图标的代码缺少$
• 您关心window的滚动位置

更新笔：http://codepen.io/anon/pen/ksouI

if ($(window).scrollTop()>300) { 
    $(".scrollup").fadeIn('slow'); 
} else { 
    $(".scrollup").fadeOut('slow'); 
}