jquery如何实现返回头部

功能介绍：滚动条达到某个位置出现返回按钮图标，点击按钮返回头部y并且隐藏图标。下面web建站小编给大家详细介绍一下具体实现代码！

具体实现代码如下：

$(window).scroll(function(){
  var top = $(document).scrollTop();
  //超过200px显示
  if(top>200){
    $('#backTop').fadeIn();
  }
  //200像素以内隐藏
  if(top<=200){
    $('#backTop').fadeOut();
  }
});

javascript如何获取滚动距离/获取页面中鼠标位置

如何利用jQuery判断页面中是否存在某个class

jquery如何设置图片背景

jquery改变屏幕大小时触发

jquery鼠标点页面出现水波纹特效

标签： jquery知识, scrollTop, 返回头部

上面是“jquery如何实现返回头部”的全面内容，想了解更多关于 js 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_3562.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！