纯javascript代码实现的“返回顶部”功能：x-return-top.js
jopen
9年前
纯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>-
Live Demo 1: http://50vip.com
-
Live Demo 2: http://www.atool.org
-
项目代码中的index.html