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