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

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

1.用js来实现

scrollIntoView方法

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

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

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

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

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 微信怎么恢复聊天记录?轻松4招,恢复消失的聊天记录
  • OpenCv图像处理: 时域滤波与频域滤波
  • flink车联网项目:维表离线同步(第69天)
  • socks4和socks5和https代理的区别
  • KNN 图像识别
  • Rust线程模型与线程创建
  • 【高阶数据结构】图
  • 美团笔试-测试方向
  • 理解Tomcat的IP绑定与访问控制
  • C语言小练习(伍)
  • 【问卷表单系统】TDuckX-8月更新速览!
  • 嵌入式面经篇十——驱动开发
  • SAP Memory ABAP Memory超级详细解析
  • R 语言学习教程,从入门到精通,R CSV 文件使用(17)
  • 【axios get请求 中文乱码】
  • JS 中的深拷贝与浅拷贝
  • CSS实用技巧
  • gcc介绍及安装
  • iOS帅气加载动画、通知视图、红包助手、引导页、导航栏、朋友圈、小游戏等效果源码...
  • Linux学习笔记6-使用fdisk进行磁盘管理
  • nodejs调试方法
  • SOFAMosn配置模型
  • Spring Boot快速入门(一):Hello Spring Boot
  • Swift 中的尾递归和蹦床
  • 阿里云爬虫风险管理产品商业化,为云端流量保驾护航
  • 工作踩坑系列——https访问遇到“已阻止载入混合活动内容”
  • 构建工具 - 收藏集 - 掘金
  • 面试总结JavaScript篇
  • 普通函数和构造函数的区别
  • 我的zsh配置, 2019最新方案
  •  一套莫尔斯电报听写、翻译系统
  • 用jQuery怎么做到前后端分离
  • 3月27日云栖精选夜读 | 从 “城市大脑”实践,瞭望未来城市源起 ...
  • 3月7日云栖精选夜读 | RSA 2019安全大会:企业资产管理成行业新风向标,云上安全占绝对优势 ...
  • C# - 为值类型重定义相等性
  • UI设计初学者应该如何入门?
  • ​​​​​​​开发面试“八股文”:助力还是阻力?
  • #QT(一种朴素的计算器实现方法)
  • (11)MATLAB PCA+SVM 人脸识别
  • (4)事件处理——(7)简单事件(Simple events)
  • (Redis使用系列) Springboot 实现Redis消息的订阅与分布 四
  • (分布式缓存)Redis哨兵
  • (论文阅读26/100)Weakly-supervised learning with convolutional neural networks
  • (十二)python网络爬虫(理论+实战)——实战:使用BeautfulSoup解析baidu热搜新闻数据
  • (一)基于IDEA的JAVA基础10
  • (转)EOS中账户、钱包和密钥的关系
  • (转)IIS6 ASP 0251超过响应缓冲区限制错误的解决方法
  • .gitignore文件忽略的内容不生效问题解决
  • .md即markdown文件的基本常用编写语法
  • .NET 的程序集加载上下文
  • .NET 反射的使用
  • .NET 解决重复提交问题
  • .net6+aspose.words导出word并转pdf
  • .NET中GET与SET的用法
  • .net中调用windows performance记录性能信息