返回头部toTop

所属分类:其他-独立的部件

 43418  468  查看评论 (12)
分享到微信朋友圈
X
返回头部toTop ie兼容7

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底部距离
相关插件-独立的部件

复制剪切粘贴插件clipboard.js

clipboard.js能够实现复制剪切粘贴的功能,实例方法全。
  独立的部件
 60796  418

jQuery实现弹幕实例

一个很好用的实例,适合新手
  独立的部件
 30555  332

jQuery社会华分享插件

jQuery社会华分享插件支持微信,QQ,新浪,人人等
  独立的部件
 42700  494

后台管理框架

后台管理框架基于bootstrap
  独立的部件
 90216  592

讨论这个项目(12)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    淋漓~尽致 0
    2017/9/6 9:45:53

    灰常好,简单,方便,感谢

    回复
    greygg 0
    2016/11/17 13:11:55
    好,免费就是好。 回复
    manshouwang 0
    2016/8/11 0:08:15
    好用!感谢楼主 回复
    汉斯 0
    2016/3/1 11:03:28
    恩,的确存在 @eyeder 所说的问题 回复
    情兽风范丶 0
    2016/1/27 17:01:47

    只能用jquery-1.11.3.min.js才能用吗?

        西瓜0
        2016/1/27 19:01:08

        你在问这个问题的时间,自己试一下,不就有答案了吗?

    回复
    eyeder 0
    2015/12/16 20:12:58
    没有设置停止之前的动画效果,如果连续点击top的话  返回顶端之后往下拉会出问题!!!

    回复
    julerule 0
    2015/9/25 10:09:13
    Rain 0
    2015/9/3 11:09:34

    简单易用,谢谢楼主哈

    回复
    Archuleta 0
    2015/6/29 13:09:00
    谢谢楼主提供了这个简单好用的插件!! 回复
    Low energy children are forbidden to enter. 0
    2015/6/15 15:07:40
    @Niles 搜索:.to-top 然后找:background-color: #34AAA8 (34AA8 茶表顶呱呱) 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复