首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2013-07-08 
jQuery的“回到顶端”插件 - ScrollUp?在线演示Scrollup是一款jQuery的“回到页面顶端”的插件,能够帮助你快速

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

热点排行