3 Star 0 Fork 0

Gitee 极速下载 / x-return-top

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
此仓库是为了提升国内下载速度的镜像仓库,每日同步一次。 原始仓库: https://github.com/hustcc/x-return-top.js
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

x-return-top

纯javascript代码实现的“返回顶部”功能,代码非常简单,集成起来更简单,代码大小只有2.2kb,并且提供CDN,完全不会拖慢你的网站速度。

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

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

使用

使用非常简单,如下所示,放到Body之间即可,切勿放到head中。

<script type="text/javascript" src="dist/x-return-top.min.js"></script>

配置项

  • left: 位置定位左侧, 默认: '80%'
  • bottom: 位置定位右侧, 默认: 15%
  • text: 显示的文本内容, 默认: Back Top

例如:

<script type="text/javascript" left="80%" bottom="20%" text="返回顶部" src="dist/x-return-top.min.js"></script>

说明

  • git上大部分的“返回顶部”项目都是基于jquery,使用前必须应用jquery
  • git上部分纯javascript实现的“返回顶部”,无动画,不美观
  • 本项目使用纯javascript,实现动画,美观且不影响网页加载速度,不依赖任何js框架
  • 压缩之后2.2kb
  • 集成非常简单
  • 使用部分css3动画,所以兼容性你懂的(但是不会影响使用,后续会改为js动画)
  • css使用js动态加载,集成更方便,且不影响网页加载速度
  • 图片使用base64加载,不会增加http请求数

Demo

The MIT License (MIT) Copyright (c) 2015 Hust.cc Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

简介

x-return-top.js 是纯 javascript代码实现的“返回顶部”功能,代码非常简单,集成起来更简单. 在制作网页中,经常会发现网页非常长,为了用户的方便,都会设置返 展开 收起
JavaScript 等 2 种语言
MIT
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/mirrors/x-return-top.git
git@gitee.com:mirrors/x-return-top.git
mirrors
x-return-top
x-return-top
master

搜索帮助