<p>首先我们来讲一下原理，所谓的返回顶部就是点击返回顶部之后跳转到页面的顶部，在滚动条距离顶部一定高度的时候就设置返回顶部的元素display为none。那么我们就来看下scrollTop:我们就设置当scrollTop大雨200的时候元素就显示出来：当然这里还有一些css的设置，就是设置返回顶部的元素的定位问题，我们用fixd来固定它在网页中的位置。算法就是document.body.scrollTop>200?theElementshow:theElementhidden。下面是代码：</p><p>(function(){</p><p>var$backToTopTxt="返回顶部",$backToTopEle=$('<divclass="backToTop"></div>').appendTo($("body"))</p><p>.text($backToTopTxt).attr("title",$backToTopTxt).click(function(){</p><p>$("html,body").animate({scrollTop:0},120);</p><p>}),$backToTopFun=function(){</p><p>varst=$(document).scrollTop(),winh=$(window).height();</p><p>(st>0)?$backToTopEle.show():$backToTopEle.hide();</p><p>//IE6下的定位</p><p>if(!window.XMLHttpRequest){</p><p>$backToTopEle.css("top",st+winh-166);</p><p>}</p><p>};</p><p>$(window).bind("scroll",$backToTopFun);</p><p>$(function(){$backToTopFun();});</p><p>})();本文由免费劳务派遣系统软件系统起航劳务派遣系统原创，转载请注明出处。</p>
