使用Javascript实现返回顶部功能。

为了提高网站的浏览体验及友好度,相信大部分网站需要一个返回顶部的按钮,如果使用传统的a标记,再做一个div加上链接的话,非常麻烦,不仅每个页面都需要添加,而且不能实现非常智能的效果及简化维护时间。

下面,我分享一下我自己经常使用的一个返回按钮,当然,你也可以在这个基础上修改或者自己做一个。

示例:https://www.feidd.com/demo/go_top.html

 

建议将以下代码放在包函文件中,这样不必每个页面都添加,日后也好维护。

正文如下:

一、先调用jquery。

 

二、在页面任意位置添加如下代码。

(这里有一个样式表,和一个返回按钮所用的代码,你可以将样式表整合一下。)

 

 

-全文完-

By:Colin

转载请注明原文地址及作者,谢谢合作。

原文链接:,转发请注明来源!

发表回复