分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

HTML实现点击阅读导航,跳转到页面这个内容的开始部分。

发布时间:2023-09-06 02:09责任编辑:熊小新关键词:HTML

1.相信大家上网的时候可能都用过点击一个页面的导航里的内容,然后页面会直接上下拖动到我们想看的文章的开始地方。那么这样的效果是怎么实现的,今天饿哦就和大家一起来分享。

2.第一我们要跳转到指定内容,那么我们旧的在这个内容的开始设置一个锚点。锚点的作用就是当我们点击鼠标的时候,他会自动找到我们设置的这个锚点,然后自动跳转到锚点位置,实现点击跳转到页面制定内容。

首先我们要在你设置的标签中使用id
比如:<h2 id="lovo">百科全书</h2>
那么现在这个id就是我们设置在h2标签里面的锚点。
 
 
然后 。我们在页面中导航的位置使用a标签
比如:<a herf="#lovo">跳转到百科全书</a>
那么现在我们使用连接的方式找到了锚点lovo,那么当我们点击a标签的时候,系统会自动找我们设置好的锚点并且实现跳转到指定内容的效果。

HTML实现点击阅读导航,跳转到页面这个内容的开始部分。

原文地址:https://www.cnblogs.com/dmiao/p/9465383.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved