HTMl页面中返回顶部的几种实现

2021-05-06 23:27

阅读:517

YPE html>

标签:height   :hover   cti   返回顶部   int   har   over   min   判断   

??最近在开发网站需要制作返回顶部按钮,但是我主要为后端开发,对前端不太熟练,经过网上资料查询,制作出了返回顶部的按钮,下面是两种简单的方式,记录一下.喜欢本网站的朋友可以收藏下,会不定期更新学习资料.

第一种:引用外部jQuery

新建HTML页面,将下面代码复制保存,通过浏览器打开,即可看到效果.



doc

第二种:使用css及特殊图标进行设置

全代码打造简洁美观回到顶部按钮,同上,将代码复制进HTML文件中,打开即可看到效果.





doc

?

以上两种方式仅提供思路,直接使用也可,具体想要的图标可自己调试.

HTMl页面中返回顶部的几种实现

标签:height   :hover   cti   返回顶部   int   har   over   min   判断   

原文地址:https://www.cnblogs.com/chuxuezhe-xyz/p/12094016.html


评论


亲,登录后才可以留言!