jQuery的“回到顶端”插件 - ScrollUp

偏执的太偏执、 2022-03-12 03:22 220阅读 0赞

日期：2013-4-17  来源：[GBin1.com][]

![jQuery的“回到顶端”插件 - ScrollUp][jQuery_ - ScrollUp]

[**在线演示**][Link 1]

Scrollup是一款jQuery的“回到页面顶端”的插件，能够帮助你快速的实现一个完全自定义的“back to top"的功能。

## 主要参数： ##

*  scrollName: 'scrollUp', // Element ID
 *  topDistance: '300', // Distance from top before showing element (px) 
 *  topSpeed: 300, // Speed back to top (ms)
 *  animation: 'fade', // Fade, slide, none
 *  animationInSpeed: 200, // Animation in speed (ms)
 *  animationOutSpeed: 200, // Animation out speed (ms)
 *  scrollText: 'Scroll to top', // Text for element 
 *  activeOverlay: false, // 这个属性对于开发者来说可能比较有用，帮助你定位“回到顶端”按钮出现时滚动到的页面位置。

## 使用代码 ##

$(function () {
        $.scrollUp({
            scrollName: 'scrollUp', // Element ID
            topDistance: '300', // Distance from top before showing element (px)
            topSpeed: 300, // Speed back to top (ms)
            animation: 'fade', // Fade, slide, none
            animationInSpeed: 200, // Animation in speed (ms)
         ......

网站地址：[http://markgoodyear.com/2013/01/scrollup-jquery-plugin/][http_markgoodyear.com_2013_01_scrollup-jquery-plugin]

**来源：[jQuery的“回到顶端”插件 - ScrollUp][GBin1.com]**

[GBin1.com]: http://www.gbin1.com/technology/jquerynews/20130417-jquery-plugin-scrollup/
[jQuery_ - ScrollUp]: http://www.gbin1.com/technology/jquerynews/20130417-jquery-plugin-scrollup/title.jpg
[Link 1]: http://www.gbtags.com/gb/demoviewer/738/0c3be758-2ed4-408c-a540-c9360c87add1/index.html.htm
[http_markgoodyear.com_2013_01_scrollup-jquery-plugin]: http://markgoodyear.com/2013/01/scrollup-jquery-plugin/