尧图网络 高端网站定制 · 原创设计
免费咨询热线
400-888-6620
免费获取方案
锚点实现了点击导航平滑滚动到页面指定位置的三种方法
一、使用CSS的 scroll-behavior: smooth 属性在 标签上设置了 scroll-behavior: smooth所有带有 # 的锚点链接如导航菜单、返回顶部按钮都会自动带有平滑过渡效果无需额外代码。html{scroll-behavior:smooth}ahref#item1第一主题/apiditem1divclasstitle第一主题/divdivclasscontentimgsrc../0-static/images/image.pngalt图片描述title图片标题width300height400/div/p二、使用JavaScript的 scrollIntoView 方法scrollIntoView() 方法会滚动元素的祖先容器。functionhandleClick(id){constitem4document.getElementById(id)if(!item4)returnitem4.scrollIntoView({behavior:smooth,block:start,inline:nearest})}三、使用JavaScript的 window.scrollTo 方法scrollTo() 方法可以使界面滚动到给定元素的指定坐标位置。functionhandleClick1(id){constitem3document.getElementById(id)if(!item3)returnwindow.scrollTo({top:item3.offsetTop,left:item3.offsetLeft,behavior:smooth,})}
RELATED

相关推荐

终极指南:Apache Iceberg大数据表格式从入门到精通

终极指南:Apache Iceberg大数据表格式从入门到精通

终极指南:Apache Iceberg大数据表格式从入门到精通 【免费下载链接】iceberg Apache Iceberg 项目地址: https://gitcode.com/gh_mirrors/iceberg4/iceberg Apache Iceberg是一款革命性的大数据表格式,它为海量数据分析带来了SQL表级别的可靠性和…

📅 2026/9/20 14:09:21
蓝空GEO 系统源码如何为 AI 答案“兜底”:标准化信息管道的工程实现

蓝空GEO 系统源码如何为 AI 答案“兜底”:标准化信息管道的工程实现

一、为什么 AI 答案需要一个“兜底系统”?当用户在各个平台问「这一家企业靠谱吗?」「这个品牌在东京有没有门店?」「这款产品真的有认证吗?」时,给出答案的已经不只是传统搜索引擎,而是大语言模型、AI 搜索…

📅 2026/10/24 23:31:47
2026最新8款高性价比AI编程工具实测深度盘点

2026最新8款高性价比AI编程工具实测深度盘点

我的项目是嵌入式相关的,C 代码居多。AI 编程工具对 C 语言和嵌入式场景的支持是这次对比的核心维度。上个月我赶项目迭代的时候,找了一圈适配国内开发者习惯的AI编程工具,最先上手的就是TRAE,它基础版免费,我当时直接…

📅 2026/11/6 1:54:48
MORE NEWS

更多资讯

📰

湘西电工证复查在哪考?怕考不过白交培训费?看完这篇全明白了

湘西电工证复查在哪考?怕考不过白交培训费?看完这篇全明白了 怕考不过白交培训费?别急,今天给你讲明白湘西电工证复查到底 在哪考 、怎么查、怎么考过,还有你最关心的薪资、发展路径,全都一网打尽。 湘西电工证复查是啥?怎么查?…

📰

临海电工证复审别踩坑!含金量怎么保障?三门峡老电工给你说清楚

临海电工证复审别踩坑!含金量怎么保障?三门峡老电工给你说清楚 你是不是也在为临海电工证复审发愁?不知道去哪报名,怕被中介坑?别急,老电工来帮你理清思路,从 含金量 到流程避坑,一文讲透!…

📰

初级电工证多少分拿证千万别踩坑 这些避坑干货工地电工都该看

初级电工证多少分拿证千万别踩坑 这些避坑干货工地电工都该看 工地太忙根本没时间复习考试,这几乎是所有一线电工的真实写照。初级电工证考试,不是你考不考得过的问题,而是你能不能在有限时间里 高效拿证…

📰

江苏省代办电工证在哪考?外省证怎么转过来?

江苏省代办电工证在哪考?外省证怎么转过来? 之前考的证在外省能不能转过来?这几乎是每个想考江苏省电工证或者已经在外地拿到证但想在江苏执业的朋友最关心的问题。特别是像驻马店的应届工程类毕业生,毕业后想在江苏发展,却发现之前在外省考的证可能不被…

📰

松山湖低压电工证培训真实经历:学历不高也能考,这几点必须知道

松山湖低压电工证培训真实经历:学历不高也能考,这几点必须知道 你是不是也担心学历不高,连低压电工证都报不上名?其实不然,我之前在商丘做建筑工,学历只有初中,也能顺利考下低压电工证,今天就用我的 真实经历 告诉你, 松山湖低压电工证培训…

📰

不会电脑怎么考电工证 内部消息告诉你怎么操作

不会电脑怎么考电工证 内部消息告诉你怎么操作 之前考的证在外省能不能转过来?这个问题我听得太多了,尤其在安阳本地的劳务班组负责人,很多都遇到过这种情况。今天我就从一个从业多年的老手角度,告诉你 不会电脑怎么考电工证 ,以及如何通过…

TODAY

今日更新

THIS WEEK

本周精选

THIS MONTH

本月热门

读完文章,想聊聊您的网站?

告诉我们您的行业与需求,资深顾问一对一梳理方案与报价,全程免费。

📞 💬