来源:http://www.w3school.com.cn/jquery/css_scrolltop.asp

定义和用法

scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置。
scroll top offset 指的是滚动条相对于其顶部的偏移。
如果该方法未设置参数,则返回以像素计的相对滚动条顶部的偏移。

语法

$(selector).scrollTop(offset)

offset —— 可选。规定相对滚动条顶部的偏移,以像素计。

提示和注释

注释:该方法对于可见元素和不可见元素均有效。
注释:当用于获取值时,该方法只返回第一个匹配元素的 scroll top offset。
注释:当用于设置值时,该方法设置所有匹配元素的 scroll top offset。

返回顶部

利用上面的scrollTop()方法 再加上animate()方法,可以实现平滑的滚动返回顶部效果,以前觉得很复杂,现在见多了也就简单了。
首先需要jQuery库的支持,然后再用点击事件绑定返回按钮DIV即可。
比如 <div id="totop">返回顶部</div>,js如下:

$("#totop").live("click",
function() {
$("body,html").animate({scrollTop: 0}, 300);
});

其中0是相对偏移,300是滚动速度。
返回顶部