<div style="display:none" id="goTopBtn"><img src="http://www.unitymanual.com/m/Manual/img/top.png" width="54" height="54" border="0"></div>

<script type="text/javascript">
function goTopEx(){
var obj=document.getElementById("goTopBtn");
function getScrollTop(){
return document.documentElement.scrollTop || document.body.scrollTop
}
function setScrollTop(value){
document.documentElement.scrollTop = value;
document.body.scrollTop = value;
}
window.onscroll=function(){getScrollTop()>0?obj.style.display="":obj.style.display="none";}
obj.onclick=function(){
var goTop=setInterval(scrollMove,10);
function scrollMove(){
setScrollTop(getScrollTop()/1.1);
if(getScrollTop()<1)clearInterval(goTop);
}
}
}
goTopEx();

实现2:

#scrolltop{
    visibility:hidden;
    position:fixed;
    bottom:100px;
    display:block;
    margin:-30px 0 0 2px;
    width:40px;
    background:#f4f4f4;
    border:1px #cdcdcd solid;
    border-radius:3px;
    border-top:0;
    cursor:pointer;
}

#scrolltop:hover{
    text-decoration:none;
}

.ie6 #scrolltop{
    position:absolute;
    bottom:auto;
}

#scrolltop a{
    display:block;
    width:30px;
    height:24px;
    padding:3px 5px;
    line-height:12px;
    text-align:center;
    color:#787878;
    text-decoration:none;
    background:url(http://www.unitymanual.com/static/image/common/scrolltop.png) no-repeat 0 0;
    border-top:1px #cdcdcd solid;
}

a.scrolltopa:hover{
    background-position:-40px 0px !important;
}

a.replyfast{
    background-position:0 -30px !important;
}

a.replyfast:hover{
    background-position:-40px -30px !important;
}

a.returnlist,a.returnboard{
    background-position:0 -60px !important;
}

a.returnlist:hover,a.returnboard:hover{
    background-position:-40px -60px !important;
}

#scrolltop a b{
    visibility:hidden;
    font-weight:normal;
}

<div style="left: auto; right: 0px; visibility: visible;" id="scrolltop">
   
  <span hidefocus="true"><a title="返回顶部" onclick="window.scrollTo('0','0')" class="scrolltopa"><b>返回顶部</b></a></span>
   
</div>

最新文章

  1. 让ZenCoding提升编码速度
  2. ios - 纯代码创建collectionView
  3. C#中扩展StringBuilder支持链式方法
  4. 在Visual Studio 2015中运行OPENGL
  5. CSS小注意(初级)
  6. Understanding GC pauses in JVM, HotSpot&#39;s minor GC.
  7. PHP cURL 应用
  8. IOS 新消息通知提示-声音、震动
  9. ios save image to album
  10. centos 6.5下安装文件上传下载服务
  11. 《无所不能的JavaScript编程系列:arguments 参数对象》
  12. Spring事务管理—aop:pointcut expression解析
  13. CYQ.data 框架结构
  14. WebService的两种方式SOAP和REST有什么不同?
  15. day20:序列化模块,模块的导入
  16. IIS8无法通过IP访问解决办法
  17. MySql 链接字符串
  18. SQL Server 紧急状态下的数据库恢复
  19. Promise对象的含义和基本用法
  20. Python已成为网络攻击的首选编程语言

热门文章

  1. python的unitest的简单使用
  2. 样例GeoQuiz应用开发 第2章
  3. PHP明细之间的关联和having进行分组,不推荐这样做,只是做为偷懒的办法
  4. 看完这篇 你就能完全操作git 远程分支的增、删、改、查了
  5. Go:map
  6. Linux命令学习(6):paste合并几列文件
  7. 17Spring前置通知
  8. selenium实战演练
  9. Spider-Scrapy css选择器提取数据
  10. 【BZOJ 1202】 [HNOI2005]狡猾的商人 (加权并查集)