![[代码样式]jQuery.toTop – jQuery返回顶部插件](https://www.weimahe.com/wp-content/uploads/2020/08/7Lzkkt1705.jpg "[代码样式]jQuery.toTop – jQuery返回顶部插件")
简介
jQuery.toTop 是一款轻量级的 jQuery 返回顶部插件，压缩后不到 1KB。同时它也是可定制的，你可以设置是否自动隐藏、滚动时间、位置等等。
浏览器兼容
![[代码样式]jQuery.toTop – jQuery返回顶部插件](https://www.weimahe.com/wp-content/uploads/2020/08/myJcfT1694.png "[代码样式]jQuery.toTop – jQuery返回顶部插件"){kind=small} |
![[代码样式]jQuery.toTop – jQuery返回顶部插件](https://www.weimahe.com/wp-content/uploads/2020/08/sKKNqV1694.png "[代码样式]jQuery.toTop – jQuery返回顶部插件"){kind=small} |
![[代码样式]jQuery.toTop – jQuery返回顶部插件](https://www.weimahe.com/wp-content/uploads/2020/08/3dMJ071694.png "[代码样式]jQuery.toTop – jQuery返回顶部插件"){kind=small} |
![[代码样式]jQuery.toTop – jQuery返回顶部插件](https://www.weimahe.com/wp-content/uploads/2020/08/J1fEzh1694.png "[代码样式]jQuery.toTop – jQuery返回顶部插件"){kind=small} |
![[代码样式]jQuery.toTop – jQuery返回顶部插件](https://www.weimahe.com/wp-content/uploads/2020/08/mUTY3d1694.png "[代码样式]jQuery.toTop – jQuery返回顶部插件"){kind=small} |
|---|---|---|---|---|
| IE7+ ✔ | Chrome ✔ | Firefox ✔ | Opera ✔ | Safari ✔ |
使用方法
1、引入文件
<script src="https://www.dowebok.com/jsjquery.min.js"></script> <script src="https://www.dowebok.com/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
[b2_file link="
百度网盘" name="jQuery.toTop – jQuery返回顶部插件" pass="" code=""]
