jQuery实现滚动返回顶部

避免a标签返回顶部的时候返回上一页需要点击2次返回上一页按钮

1. 最简单的a标签实现返回顶部

<a href="#"></a>

   但是这样相当于a标签打开一个无地址页面，所以点击返回上一页的时候需要点击2次。
2. 解决上面的问题直接使用JQuery实现滚动返回顶部，效果更佳。
html代码如下：

<div class="top">    <img src="../../img/top.png" /></div>

css代码如下（悬浮在页面右下角）：

.top {    position: fixed;    bottom: 70px;    right: 20px;    z-index: 9998;}

jQuery代码如下：

$(".top").click(function() {    $("html,body").animate({        scrollTop: 0    }, 500);});