react-router解决锚点跳转问题
2024-10-12 22:00:25
添加一个onClick方法。onClick方法传入一个锚点的id,然后用下面的函数来找到锚点并跳转到锚点。
scrollToAnchor = (anchorName) => {
if (anchorName) {
// 找到锚点
let anchorElement = document.getElementById(anchorName);
// 如果对应id的锚点存在,就跳转到锚点
if(anchorElement) { anchorElement.scrollIntoView(); }
}
}
最新文章
- [转载] SSH入门学习基础教程
- 关于ubuntu16.4 中安装最新的eclipse或者是STS出现页面特卡,且新建项目没有提示,preference选项中点击左侧标签右侧没反应的解决办法,参照google, 排版不太好,希望对一些小伙伴有所帮助
- scala - Enumeration 诡异问题
- redis-集群(cluster)扫盲篇(一)
- 【markdown】markdown常用语法
- 在纯HTML的静态网页中添加一段统计网页访问量的JAVA Script代码?
- Android SDK安装教程
- 无法创建链接服务器 ";(null)"; 的 OLE DB 访问接口 ";Microsoft.Ace.OLEDB.12.0"; 的实例。
- 【Linux】鸟哥的Linux私房菜基础学习篇整理(七)
- vsvim _vsvimrc 设置(转)
- MyReport报表引擎2.7.6.7新功能
- 第1天:CSS基本样式
- Redis 哨兵
- SQL行装列PIVOT和列转行UNPIVOT
- 爬虫模块之selenium模块
- MySQL运维之--xtrabackup工具的原理和使用方法
- 在js中 把 json对象转化为String对象的方法
- GIT 恢复已删除的提交
- Delphi 有关的网址
- MySQL逗号分割字段的列转行