Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ruby-on-rails/52.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用jQuery isn';平滑滚动至顶部按钮;行不通_Jquery - Fatal编程技术网

使用jQuery isn';平滑滚动至顶部按钮;行不通

使用jQuery isn';平滑滚动至顶部按钮;行不通,jquery,Jquery,这个按钮工作得很好,它在用户向下滚动300px后出现,当用户单击时,它会平滑地滚动到顶部——我只是无法让它在页面滚动到顶部后消失。我需要做什么 您可以在此代码笔上看到它: 相关元素为。向上滚动 下面是我的.js文件中的内容: $(document).ready(function(){ $(window).scroll(function(){ if ($(this).scrollTop()>300) { $(".scrollup").fadeIn('slow');

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

您可以在此代码笔上看到它:

相关元素为。向上滚动

下面是我的.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;

  });

});
两个问题:

  • 用于隐藏图标的代码缺少
    $
  • 您关心
    窗口的滚动位置
更新笔:

两个问题:

  • 用于隐藏图标的代码缺少
    $
  • 您关心
    窗口的滚动位置
更新笔:


}否则{(“.scrollup”).hide();}尝试向工作隐藏方法添加$,谢谢!我真的很感激!}否则{(“.scrollup”).hide();}尝试向工作隐藏方法添加$,谢谢!我真的很感激!谢谢你。。。唯一的问题是,当您滚动回到顶部后,按钮仍然不会消失。有什么想法吗?谢谢你。。。唯一的问题是,当您滚动回到顶部后,按钮仍然不会消失。有什么想法吗?
if ($(window).scrollTop()>300) {
    $(".scrollup").fadeIn('slow');
} else {
    $(".scrollup").fadeOut('slow');
}