设置锚点的三种方法_html/css_WEB-ITnose
程序员文章站
2022-05-30 09:48:17
...
最网页中经常会用到锚点来定位,这里就和大家说说我知道的三种锚点的使用目前我就知道三种,更多的方法暂时没去研究,有的话大家帮忙补充。现在和大家说的主要是最常用最简单的方法。
定位到A
⇒A
定位到A ... ... 定位到A ... ... ... ... 定位到A ... ...
1.使用 id 定位
先和大家说说最常用的 ID定位 ,这几乎是所有网站最常用的一种定位方式了。这种定位最大的好处就是可以针对任何标签来定位
使用说明:设置一个锚点 id,然后用 href 属性点位到该锚点id,具体实例代码如下:
由于代码有点长,所以下面的代码基于上面的代码进行简略。大家可以电脑上自己试试。
2.使用 name 定位
第二种定位的方式就有所限制了,使用 name 定位只用于 标签,其他的标签就不管用了。
... ...
3.使用 js 定位
第三种方式的使用就如下面的,不过我不是很喜欢这种用法。
... ...
对于上面的三种用法,大家不一定都用的到,用到的也许就只有第一种。自然我这边也是推荐大家用第一种。
在运行代码的时候,大家会发现锚点都是用跳的,完全没有过渡的效果。不过没关系,这也是我写这篇文章奠定基础的原因。我会在我接下来的文章里和大家介绍锚点跳转时屏幕滚动的效果。《前端屏幕滚动效果》
谢谢大家查阅我的文章,希望能帮到你,^_^
上一篇: Java xml解析之JDom解析
下一篇: MySQL之三大范式
推荐阅读
-
ai断开的两个锚点连怎么接起来? ai连接两个锚点的三种方法
-
锚点设置的几种方法(可以不改变url)
-
vue中锚点的三种方法
-
如何设置
- 的点的大小,颜色,以及和文字的距离?_html/css_WEB-ITnose
-
input,button制作按钮IE6,IE7点击时1px黑边框的解决方法_html/css_WEB-ITnose
-
id和name那个是用来标记锚点的标准用法?_html/css_WEB-ITnose
-
静态网站公用的部分模块的引用(设置)方法_html/css_WEB-ITnose
-
怎么设置才能一点击超链接是一个游戏页面,然后再点击才是想要的页面_html/css_WEB-ITnose
-
IE8中 锚点的名称变成了标题,原来的标题不显示了_html/css_WEB-ITnose
-
实现html锚点的两种方式_html/css_WEB-ITnose