實現“返回頂部”功能的jQuery插件:ScrollUp

jopen 11年前發布 | 40K 次閱讀 jQuery jQuery菜單插件 jQuery插件

ScrollUp 是一個輕量級的 jQuery 插件,輕松實現了滾動頁面的 “返回頂部” 的功能。

在線演示:http://markgoodyear.com/labs/scrollup/

實現“返回頂部”功能的jQuery插件:ScrollUp

示例代碼:

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

});

項目主頁:http://www.baiduhome.net/lib/view/home/1361147514744

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!