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

Question

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

您可以在此代码中看到它：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');
}