说实在的,要让页面快速“飞”到顶部,代码其实蛮简单的。咱们先来说说用jQuery的方法,就是最常用的:
$(document).scrollTop(0);
这段代码就是让滚动条直接跳到最顶端,不过小伙伴别忘了这是jQuery的写法,得先引入jQuery库才行。然后,要是你用纯JavaScript,别急,最经典的两句是:
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
为什么两个都写?因为浏览器表现不一,有些用body.scrollTop,有些用documentElement.scrollTop,两个都有保险些,稳稳的。

如果你在用dreamweaver做网页,想加个“回到顶部”的按钮,操作还是挺简单滴,来,咱们按步骤说一下:
```html
```
js
var isIE6 = window.XMLHttpRequest ? false : true;
绑定滚动事件:主要是监听滚动条的位置,来决定按钮显示或隐藏。
点击回到顶部的效果:用jQuery的animate效果会更加流畅,比如:
js
$('#back-to-top').click(function() {
$('html, body').animate({scrollTop: 0}, 500);
return false;
});
除了网页上的代码,顺便跟你说下Excel里也可以搞“回到顶部”的小技巧。
你可以在首行空白单元格创建一个按钮,绑定一个宏,名字起成“回到顶部”方便认,然后给宏写点代码,比如这样:
activesheet.range("A2").select
就能快速定位到顶部啦,超级方便!
当然啦,ASP页面下写回到顶部代码,不同浏览器表现也略有差异。HTML锚点法是最简单的:
<a href="#top">返回顶部</a>
顶部放个锚点:
<a name="top"></a>
缺点是地址栏会显示#top,可能有点美观问题,但够用。
所以,整体来看,JS脚本的小技巧和各种方法花样还挺多,选自己喜欢的玩吧!

document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
享用!这样基本保证了大部分浏览器都能乖乖滚到顶端。加上jQuery的animate,效果更炫酷,体验超赞!
dreamweaver中怎么简单实现回到顶部按钮?
嘻嘻,dreamweaver其实挺友好的,只要你在页面里放个“返回顶部”按钮,然后写点js监听滚动和点击事件,再加上平滑动画,完美!动动手指,拖拖按钮,几个步骤搞定,特别适合懒人~
Excel里怎么用宏快速回到顶部?
哇,这个超级实用!你只需新建一个按钮,起名“回到顶部”,然后给它绑定宏,宏里面写activesheet.range("A2").select,点一下按钮,嗖地一下就冲到A2位置,赞爆了!
用HTML锚点实现回到顶部有啥缺点?
呵呵,招人喜欢是因为超简单,标签写好一跳就到顶。但是缺陷是,点回来那个跳转后,浏览器地址栏会多一个#top,看着不太美观。虽然功能正常,但对追求完美的朋友来说,这点小瑕疵还是有点糟心啦。
添加评论