避免a标签返回顶部的时候返回上一页需要点击2次返回上一页按钮
- 最简单的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);
});