dowebok

jQuery.toTop – jQuery返回顶部插件

分类:代码 日期: 点击(24,113) 评论(1)

jQuery.toTop - jQuery返回顶部插件

演 示 下 载

简介

jQuery.toTop 是一款轻量级的 jQuery 返回顶部插件,压缩后不到 1KB。同时它也是可定制的,你可以设置是否自动隐藏、滚动时间、位置等等。

浏览器兼容

IE Chrome Firefox Opera Safari
IE7+ ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔

使用方法

1、引入文件

<script src="jsjquery.min.js"></script>
<script src="js/jquery.toTop.min.js"></script>

2、HTML

<a class="to-top">返回顶部</a>

3、JavaScript

$('.to-top').toTop();

配置

属性/方法 类型 默认值 说明
autohide 布尔值 true 自动隐藏
offset 整数 420 距离顶部多少距离时自动隐藏按钮
speed 整数 500 滚动持续时间
position 布尔值 true 如果设置为 false,则需要手动在 css 中设置“按钮”的位置
right 整数 15 右侧距离
bottom 整数 30 底部距离

演 示 下 载

GitHub 地址:https://github.com/mmkjony/jQuery.toTop

标签:

相关文章