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