x-return-top.js点击图片动画返回网站顶部

联合创作 · 2023-09-22 08:35

x-return-top.js 是纯 javascript代码实现的“返回顶部”功能,代码非常简单,集成起来更简单.

在制作网页中,经常会发现网页非常长,为了用户的方便,都会设置返回顶部的按钮,用户一键返回网页顶部; 如果你的网站中使用jquery,那么有很多的插件可以完成这个工作,可以在git中搜索很多。

然而,如果你的网页中没有使用jquery,那么如果要使用这些插件,就必须为了这一个很小的功能,加上jquery,对于网页的加载速度非常不划算。

  • 本项目使用纯javascript,实现动画,美观且不影响网页加载速度,不依赖任何js框架

  • 压缩之后2.6kb(变量混淆会更小,为了保持可读未做混淆)

  • 集成非常简单

<!-- add lib src in any place before div#xReturnTop -->
<script type="text/javascript" src="xreturntop/x-return-top.min.js"></script>

<!-- your code -->

<!-- div and render code, add to any place behind javascript lib -->
<div id="xReturnTop"></div>
<script type="text/javascript"> xReturnTop('xReturnTop'); </script>
  1. Live Demo 1: http://50vip.com

  2. Live Demo 2: http://www.atool.org

  3. 项目代码中的index.html 

浏览 4
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报