jQuery.toTop – 平滑返回顶部的jQuery插件

jQuery.toTop 是一个平滑返回顶部的jQuery插件。同时它也是可定制的，你可以设置是否自动隐藏、滚动持续时间、离顶部多少距离时自动隐藏按钮等等。

插件安装

在页面中引入 jQuery 和 jquery.toTop.js

<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="jquery.toTop.min.js"></script>

使用方法

HTML

<a class="to-top">Top &uarr;</a>

javascript

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

或者

$('.to-top').toTop({
      autohide: true,
      offset: 420,
      speed: 500,
      position: true,
      right: 15,
      bottom: 30
  });

参数

• autohide：是否自动隐藏；默认true
• offset：距离顶部多少距离时自动隐藏按钮；默认 420
• speed：滚动持续时间；默认500
• position：如果设置为 false，则需要手动在 css 中设置“按钮”的位置；默认true
• right：右侧距离
• bottom：底部距离