HTML页面内锚跳定位

最新推荐文章于 2024-07-26 14:14:21 发布

原创最新推荐文章于 2024-07-26 14:14:21 发布 · 181 阅读

0 ·

CC 4.0 BY-SA版权

本文探讨了网页内部使用锚点进行快速跳转的技术实现，通过设置不同ID的div元素并利用a标签链接，实现页面内的精准定位导航。此方法在长页面中尤其有效，能极大提升用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<head>
<meta charset="utf-8"/>
</head>
<body>

<a href="#a1">点我跳转1</a>
<a href="#a2">点我跳转2</a>

<div style="margin-top: 1500px;margin-bottom: 1500px; " id="a1">占位div1</div>
<div style="margin-top: 1500px;margin-bottom: 1500px; " id="a2">占位div2</div>

</body>