返回顶部JavaScript插件
2016-04-22 14:35
295 查看
在制作网页中,经常会发现网页非常长,为了用户的方便,都会设置返回顶部的按钮,用户一键返回网页顶部; 如果你的网站中使用jquery,那么有很多的插件可以完成这个工作,可以在git中搜索很多。
然而,如果你的网页中没有使用jquery,那么如果要使用这些插件,就必须为了这一个很小的功能,加上jquery,对于网页的加载速度非常不划算。
效果图
使用非常简单,只需要把这个js文件引入到Body之间即可,切勿放到head中。下载地址下面有
配置项
附上原作者地址https://github.com/aTool-org/x-return-top.js
然而,如果你的网页中没有使用jquery,那么如果要使用这些插件,就必须为了这一个很小的功能,加上jquery,对于网页的加载速度非常不划算。
效果图
使用非常简单,只需要把这个js文件引入到Body之间即可,切勿放到head中。下载地址下面有
配置项
left: 位置定位左侧, 默认: '80%' bottom: 位置定位右侧, 默认: 15% text: 显示的文本内容, 默认: Back Top
附上原作者地址https://github.com/aTool-org/x-return-top.js
相关文章推荐
- JavaScript Constructors
- js对象创建
- JS----JS调试技巧
- 在JavaScript中创建命名空间的几种写法
- 小白学习JS----判断是否包含某个字符串
- js insertBefore
- javascript基础七(知识点类快速排序与函数声明函数表达式)
- 解析JSON字符串
- js url上添加随机数防止缓存
- jstree的简单使用例子
- js跨域访问,No ‘Access-Control-Allow-Origin‘ header is present on
- js数组操作大全
- JavaScript的模块化:封装(闭包),继承(原型) 介绍
- js 【大犀牛笔记】数据类型篇 --转自慕课网
- FastJson中@JSONField注解使用
- EF linq多表查询统计demo
- javascript 的 继承(一) 之 原型链继承
- javascript设计模式介绍(七)稳妥构造函数模式
- javascript设计模式介绍(六)寄生构造函数模式
- 使用JS写当前系统时间,星期脚本,每分钟刷新