Jquery返回顶部滑动效果
摘要：今天我来给大家介绍网页中一个非常实用的jquery效果-返回顶部滑动效果 现在的网页基本上是比较长，会出现滚动条，看到底下的时候想回到顶部就要拉动滚动条，这样用户的体验就大
今天我来给大家介绍网页中一个非常实用的jquery效果-返回顶部滑动效果
现在的网页基本上是比较长，会出现滚动条，看到底下的时候想回到顶部就要拉动滚动条，这样用户的体验就大打折扣。所以现在的网页右下角都会有一个回到顶部的按钮，用户想回到顶部直接通过点击按钮就会回到顶部。我今天就给大家介绍2种方法
第一种方法非常的简便：
<a href="javascript:scroll(0,0)">返回顶部</a>这种方法很简便也很实用，还有的人喜欢滑动的回到顶部，感觉有滑动的效果会更好，第二种方法就是介绍滑动回到顶部。
html代码：
<div style="width:100%;height:800px;"></div> <a href="#nogo" id="goheader">返回顶部</a>Jquery代码（首先要确认导入了jquery库）
<script>
jQuery.fn.scrollTo = function(speed) {
var targetOffset = $(this).offset().top;
$('html,body').stop().animate({scrollTop: targetOffset}, speed);
return this;
};
// use
$("#goheader").click(function(){
$("body").scrollTo(500);
return false;
});
</script>
这样jquery滑动到顶部的效果也出来了。
这两种方法都很简便实用。希望对大家有所帮助。
