回到顶端插件 - ScrollUp

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

下载地址