当前位置： 首页 > news >正文

第七十四：前端实现点击页面某个菜单跳转到对应的锚点功能

news 2025/8/3 0:32:44

1.用js来实现

scrollIntoView方法

先定义个id或者class随意，因为我是循环好几个小模块所以用动态的来实现
在这里插入图片描述

点击的时候传对应的类名进行滑动

在这里插入图片描述
document.getElementById(item.variableCode).scrollIntoView({behavior:“smooth”});

加上behavior:“smooth” 进行平滑滚动
在这里插入图片描述

http://www.lryc.cn/news/427955.html

相关文章：

  • PyTorch分布式训练全攻略：DistributedDataParallel精解与实战
  • Python(TensorFlow)多模光纤光束算法和GPU并行模拟
  • 实战Kubernetes之快速部署 K8s 集群 v1.28.0
  • YOLO知识点总结：
  • 合宙LuatOS AIR700 IPV6 TCP 客户端向NodeRed发送数据
  • git 如何生成sshkey公钥
  • python从入门到精通：函数
  • 【Android性能篇】如何分析 dumpsys meminfo 信息
  • c＋＋进阶——继承的定义，复杂的菱形继承及菱形虚拟继承
  • 计算机网络：DNS、子网掩码、网关
  • 程序员如何学习开源项目
  • 探索数据结构：红黑树的分析与实现
  • 【设计模式】装饰器模式和适配模式
  • Visual Studio VS 插件之 ReSharper
  • 【二分查找】--- 进阶题目赏析
  • CSS 对齐
  • 暑假算法刷题日记 Day 10
  • 【Midjourney】AI作画提示词工程：精细化技巧与高效实践指南
  • C语言——文件
  • 视频孪生技术在智慧水利（水务）场景中的典型应用展示
  • 使用kubekey快速搭建k8s集群
  • C++——入门基础（上）
  • Spring事务失效
  • Qt QLabel标签制作弹框效果，3s后缓慢自动消失
  • JZ55 二叉树的深度
  • 视频号分销系统搭建教程，源代码+部署上线指南
  • 【python】cryptography库学习
  • 解密！抖音百万粉丝博主三维地图视频都用到了什么GIS数据和技术
  • Python知识点：如何使用Kubernetes与Python进行容器编排
  • Markdown与Word中插入图片的方法及比较