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