回到顶端插件(返回顶部) - ScrollUp

 查看演示  website  立即下载

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'
    });
});

PREVIOUS:
NEXT:
图片切换插件：Windy(超酷强力推荐!)
超棒的悬浮层式的页面元素注解jQuery插件 - Chardin.js