返回顶部
来源:互联网 发布:mac安装ant 编辑:程序博客网 时间:2024/05/10 11:18
<a class="back-top show" id="backTop"></a><style type="text/css"> .back-top.show { display: block; } .back-top { display: none; position: fixed; bottom: 2.12rem; right: 0.25rem; width: 0.8rem; height: 0.8rem; background-image: url('../images/icon-back-top.png'); background-size: 100%; z-index: 1000; }</style><script type="text/javascript"> $(function(){ //返回顶部 $("#backTop").click(function(){ $("html,body").animate({ scrollTop:0 },500,function(){}); }) //当页面下拉到一定高度时才出现返回顶部的按钮 $(window).scroll(function(){ var a = $(this).scrollTop(); if(a>200){ $("#backTop").addClass("show"); }else{ $("#backTop").removeClass("show"); } }) })</script>
图片:
阅读全文
0 0
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- 一种基于Makefile的编译系统架构实现及自动化
- Spring中监听器的详解
- 如何低成本搭建高性能分布式搜索引擎?
- worldfinal2017-C(二分最大匹配)
- 剑指Offer-17
- 返回顶部
- .net MVC接口编写和调用
- Java多线程详解生产者和消费者
- 让tomcat支持https
- MTK6735 Android之Camera驱动移植篇
- 在SecureCRT中设置上传下载目录
- linux下挂载ntfs文件系统
- UIButton(干货)--教你如何利用runtime自定义UIButton的titleLabel以及image的frame
- webpack 前端构建性能优化策略小结