程序员的知识教程库

网站首页 > 教程分享 正文

一秒搞定锚链接(用处:网页右边返回顶部)

henian88 2024-10-12 03:44:08 教程分享 2 ℃ 0 评论

这里主要运用<a>标签制作锚链接功能,当然还有其他办法,只是该方法最简单易懂

首先,会运用到锚链接功能有一个先决条件,那就是网页垂直方向上有滚动条,没有滚动条说明网页高度不高,制作锚链接便失去意义了。

思路:首先锚链接需要一个定位的元素,就是以什么为参考,通俗一点就是点击了返回顶部那个按钮需要将该网页返回到哪个位置去,该元素需要使用id属性。

然后将<a>标签固定到浏览器哪个位置(一般在网页右下位置),利用position:fixed。

最后将<a>标签的src属性连接到之前定位属性的id(src="#id"),再对<a>标签样式进行改变,清除下划线...

代码如下:

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表