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

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

更新: 2015-11-17

阅读:1527

开源:GitHub

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:底部距离