jquery插件，回到顶部

插件代码

/**
 * escrolltotop jquery回到顶部插件，平滑返回顶部、
 * 
 * 参数设置
 *   startline : 出现返回顶部按钮离顶部的距离
 *   scrollto : 滚动到距离顶部的距离，或者某个id元素的位置
 *   scrollduration : 平滑滚动时间
 *   fadeduration : 淡入淡出时间 eg:[ 500, 100 ] [0]淡入、[1]淡出
 *   controlHTML : html代码
 *   className ：样式名称
 *   titleName : 回到顶部的title属性
 *   offsetx : 回到顶部 right 偏移位置
 *   offsety : 回到顶部 bottom 偏移位置
 *   anchorkeyword : 猫点链接
 * eg:
 *   $.scrolltotop({
 *    scrollduration: 1000 
 *   });
 */
(function($){
 $.scrolltotop = function(options){
  options = jQuery.extend({
   startline : 100,    //出现返回顶部按钮离顶部的距离
   scrollto : 0,     //滚动到距离顶部的距离，或者某个id元素的位置
   scrollduration : 500,   //平滑滚动时间
   fadeduration : [ 500, 100 ], //淡入淡出时间 ，[0]淡入、[1]淡出
   controlHTML : '<a href="javascript:;"><b>回到顶部↑</b></a>',  //html代码
   className: '',     //样式名称
   titleName: '回到顶部',    //回到顶部的title属性
   offsetx : 5,     //回到顶部 right 偏移位置
   offsety : 5,     //回到顶部 bottom 偏移位置
   anchorkeyword : '#top',   //猫点链接
  }, options);
  
  var state = {
   isvisible : false,
   shouldvisible : false
  };
  
  var current = this;
  
  var $body,$control,$cssfixedsupport;
  
  var init = function(){
   var iebrws = document.all;
   $cssfixedsupport = !iebrws || iebrws
     && document.compatMode == "CSS1Compat"
     && window.XMLHttpRequest
   $body = (window.opera) ? (document.compatMode == "CSS1Compat" ? $('html') : $('body')) : $('html,body');
   $control = $('<div class="'+options.className+'" id="topcontrol">' + options.controlHTML + '</div>').css({
    position : $cssfixedsupport ? 'fixed': 'absolute',
    bottom : options.offsety,
    right : options.offsetx,
    opacity : 0,
    cursor : 'pointer'
   }).attr({
    title : options.titleName
   }).click(function() {
    scrollup();
    return false;
   }).appendTo('body');
   if (document.all && !window.XMLHttpRequest && $control.text() != ''){
    $control.css({
     width : $control.width()
    });
   }
   togglecontrol();
   $('a[href="' + options.anchorkeyword + '"]').click(function() {
    scrollup();
    return false;
   });
   $(window).bind('scroll resize', function(e) {
    togglecontrol();
   })
   
   return current;
  };
  
  var scrollup = function() {
   if (!$cssfixedsupport){
    $control.css( {
     opacity : 0
    });
   }
   var dest = isNaN(options.scrollto) ? parseInt(options.scrollto): options.scrollto;
   if(typeof dest == "string"){
    dest = jQuery('#' + dest).length >= 1 ? jQuery('#' + dest).offset().top : 0;
   }
   $body.animate( {
    scrollTop : dest
   }, options.scrollduration);
  };

  var keepfixed = function() {
   var $window = jQuery(window);
   var controlx = $window.scrollLeft() + $window.width()
     - $control.width() - options.offsetx;
   var controly = $window.scrollTop() + $window.height()
     - $control.height() - options.offsety;
   $control.css( {
    left : controlx + 'px',
    top : controly + 'px'
   });
  };

  var togglecontrol = function() {
   var scrolltop = jQuery(window).scrollTop();
   if (!$cssfixedsupport){
    this.keepfixed()
   }
   state.shouldvisible = (scrolltop >= options.startline) ? true : false;
   if (state.shouldvisible && !state.isvisible) {
    $control.stop().animate( {
     opacity : 1
    }, options.fadeduration[0]);
    state.isvisible = true;
   } else if (state.shouldvisible == false && state.isvisible) {
    $control.stop().animate( {
     opacity : 0
    }, options.fadeduration[1]);
    state.isvisible = false;
   }
  };
  
  return init();
 };
})(jQuery);

改参数就行：

$(function(){
		$.scrolltotop({
			offsetx:20,
			offsety:30,
			scrollduration:1000
		});
	})