jquery如何实现返回头部

599 ℃

功能介绍:滚动条达到某个位置出现返回按钮图标,点击按钮返回头部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,我们会在看到邮件的第一时间内为您处理!

Trae:新一代免费的AI编程工具
wordpress如何统计网站或指定文章的评论数量
php如何去除字符串最后一个符号(逗号/分号/空格等)
帝国cms教程之网站管理系统工作流
react开发打包build发现路径不对解决
什么是落地页体验