今天搞了一个回到顶部的JS JQ功能，废话不多说，有图有真相！

复制代码代码如下：(函数($){ $ .fn。调查=函数（选项){ var defaults={ width: ' 298 '，height : ' 207 ' }；定义变量选项=$。扩展（默认值、选项);if($。浏览器。msie){ var ieVersion=parsent($。浏览器。版本)}//建立HTML var _ feed creat=function(){ var feed HTML=$(' div id=' PubFeedof '/div ')；馈送HTMl。html(' a href=' # top ' id=' back top ' I/I u8 FD 4 u 56 de u 9876 u 90e 8/aa href=' # ' id=' call survey ' I/I u 610 f u 89 C1 u 53 CD u 9988/a ')；$(“正文”).追加(FeedHTML)；_ _ IE6 FIXed()}；//绑定事件var _ _ initEvent=function(){ $(window).resize(function(){ var WinW=$(this)).宽度();if(WinW=1124){ $(' # PubFeedOf ').hide()} else { $(' # PubFeedOf ').show()} })；$(窗口)。bind('scroll '，function(){ if($(this)).scrollTop()50){ $('#backTop ').fadeIn().CSS({ ' display ' : ' block ' })} else { $(' # back top ').fadeOut().CSS({ ' display ' : ' ' })})；$('#backTop ').绑定(“点击”)，函数(e){ e . prevent default()；$('html，body ').滚动顶部(0)})；};//回到顶部var __tip=function(type，tip text){ var调查提示=$(' # D _ survey tip ')，调查掩码=$(' # D _ survey mask ')；if(！surveyTip||！调查掩码){返回}调查提示。删除类("警告成功")。addClass(类型)。html(TipText)；surveyMask.css('display '，' block ')；surveyTip.css('display '，' block ')；setTimeout(函数(){ survemask。CSS('显示'，'无')；surveyTip.css('display '，' none')}，1000)}；//ie6兼容var _ _ ie6 fixed=function(){ if(ieVersion！==6){ return } var调查框=$(' # D _ survey box ')；var PubFeedof=$(' # PubFeedof ')；if(！surveyBox||！PubFuncTion){ return } $(窗口)。bind('scroll '，function(){ var h=$(window).高度()，st=$(窗口)。scrollTop()，_ ToP=h ST-options。身高；var _ top1=h ST-PubFeeducation。高度()-15；surveyBox.css('top '，_ top ' px ')；pubFeedocation。CSS(' top '，_ top1 ' px ')})}；//开始执行if(屏幕。width=1280){(function(){ _ _ FeedCreat()；_ _ initEvent()})()} } })(jQuery)；窗户。one rror=function(){ return false }；if($ .isFunction($(文档))。调查)){$(文档)。调查()}

复制代码代码如下：#backTop i，#呼叫调查I {背景： URL(调查。png)不重复；} # PubFuncTion {位置：固定；_ position : absolute eright :15 pxbottom :15 px宽度：54 pxfont-size :12 px} #backTop，# callSurvey { display:block宽度：52 pxpadding:1px高度：56 px线高：22 px文本对齐：居中；color: # fff文本装饰：无；} # backTop { display:none背景技术： # 999;} #后顶： Hover {背景： # CCC动物园：1文本装饰：无；color : # fff } # backTop I { display : block宽度：25 pxheight:13pxmargin:14px汽车8px背景-位置：-63px 0；} #电话调查{利润-最高：1 px背景技术# 3687d9} # callsurvey : Hover {背景： # 66 a4 E3；动物园：1文本装饰：无；color: # fff} #呼叫调查I {显示：块；宽度：26 px高度：25pxmargin:9px自动0;背景-位置：0 0;} # callsurvey : Hover I {背景-位置：-30px 0；}

代码很简单，各位直接拿去，放在自己项目中即可，如有病菌请给我留言，共同完善

方法二：

主要参数：scrollName: ' scrollUp '，//元素IDtopDistance: ' 300 '，//显示元素前距顶部的距离(px) topSpeed: 300，//速度回到顶部（毫秒)animation: ' fade '，//渐变，滑动，无动画动画速度： 200，//动画输入速度（毫秒)animationOutSpeed: 200，//动画输出速度（毫秒)滚动文本： '帮助定位"回到顶端"按钮出现时滚动到的页面位置。

jquery代码(ScrollUp.js):

$(function () {$).scrollUp({ scrollename : ' scrollUp '，//元素IDtopDistance: '300 '，//显示元素前距顶部的距离(px)topSpeed: 300，//速度回到顶部（毫秒)动画制作： '渐变',//渐变，滑动，非动画制作速度： 200，//速度动画制作中的动画制作（毫秒)动画制作输出速度： 200,//动画制作速度（毫秒)});