回到顶端插件 - ScrollUp

转载自http://www.sd131.com/jquery-info155

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)
        animationOutSpeed: 200,
        // Animation out speed (ms)
        scrollText:  'Scroll to top' ,
        // Text for element
        activeOverlay:  false ,
        // Set CSS color to display scrollUp active point, e.g '#00FFFF'
    });
});

下载地址