在一些网站上,我们经常见到返回顶部的效果,本文给大家介绍基于jquery如何实现返回顶部效果。感兴趣的朋友跟着小编一起看下实现代码吧。
首先需要在顶部添加如下html元素:
<p id=back-to-top><a><span></span>返回顶部</a></p>
其中a标签指向锚点top,可以在顶部防止一个<a></a>的锚点,这样在浏览器不支持js时也可以实现返回顶部的效果了。
要想让返回顶部的图片显示在右侧,还需要一些css样式,如下:
/*returnTop*/
p#back-to-top{
position:fixed;
di