jQuery的“回到顶端”插件 - ScrollUp-优快云博客

ScrollUp是一款实用的jQuery插件，能轻松实现自定义的回到顶部功能。它提供了丰富的配置选项，如滚动距离、速度、动画效果等。本文详细介绍了其主要参数及使用方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

为什么80%的码农都做不了架构师？>>>

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

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

在线演示

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/

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

转载于:https://my.oschina.net/gbin1/blog/123432