欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

锚点定位

程序员文章站 2022-04-14 18:10:49
实现一个简单的锚点定位的功能,当页面内容太多时,我们需要快速查找具体某个内容时候,定一个锚点接受跳转是比较方便的...
简单实现一个锚点定位的功能
一般情况下如果单个页面篇幅过长,当我们想要快速查找具体某个内容时候,是一个比较痛苦的过程。所以如何快速定位具体指定的内容,我们可以使用如下代码

简单方便,通俗易懂

<div style="width:20px;height:1000px;background-color: red;">dddd</div>
<a href="#abc" id="bbd">begin....跳到锚那里</a>
<div style="width:20px;height:1000px;background-color: pink;"></div>
<a  id='abc' href="#bbd">end......我是一个锚点</a>
<div style="width:20px;height:1000px;background-color: pink;"></div>