返回到顶部按钮
来源:互联网 发布:js数组初始化为0 编辑:程序博客网 时间:2024/04/30 08:13
html代码:
<img src="img/air.png" class="airmain" alt="返回顶部" style="width: 44px; height: 44px; bottom: 30%; right: 1.2%; display: none; cursor: pointer"/>
js代码
$(function () { $(window).scroll(function() { if ($(window).scrollTop() > 350) { $("img.airmain").fadeIn(150); } else { $("img.airmain").fadeOut(150); } }); $('img.airmain').click(function() { $("html,body").animate({ scrollTop: 0 }, 500); });});
//窗口滚动350高度的时候,就让图片慢慢出现呗,否则就隐藏呗
//然后给图片或者button 一个点击事件回顶部,带动画的,最贱的就是一个弄一个锚点,一点直接蹦顶部了,没效果好看
0 0
- 返回到顶部按钮
- 返回到顶部按钮实现
- javascript 返回顶部按钮
- 返回顶部按钮
- 返回顶部按钮
- 返回顶部按钮实现
- 返回顶部按钮
- jquery返回顶部按钮
- 返回顶部按钮
- 返回顶部按钮
- 右下角返回顶部按钮
- 返回顶部小按钮
- JS实现效果-点击按钮返回到页面顶部
- jquery实现点击按钮返回到页面顶部
- 返回到顶部代码
- jquery 返回顶部按钮特效
- jQuery制作返回顶部按钮
- “返回顶部”按钮的实现
- Spring 学习笔记:浅谈 Spring
- response.setContentType与 request.setCharacterEncoding 区别
- 《鸟哥的Linux私房菜》读书笔记:Linux内核编译和管理
- sqlite使用之模糊查询数据库数据的三种方式(待完善)
- 【数位DP】专题
- 返回到顶部按钮
- 2015061109 - 如何管理自己的人脉?
- 《鸟哥的Linux私房菜》读书笔记:X window介绍及启动流程
- GMM高斯混合模型学习笔记(EM算法求解)
- duilib中各控件响应的消息类型
- 黑马程序员_第二天_iOS学习笔记之C数据类型和使用
- web请求编码的有关问题
- iOS之多线程
- [转]Java实现定时任务的三种方法