微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

<NavHashLink> 'react-router-hash-link' 如何用组件模拟 Scrollspy

如何解决<NavHashLink> 'react-router-hash-link' 如何用组件模拟 Scrollspy

我有一个使用以下滚动间谍样式的网页版本:

https://getbootstrap.com/docs/4.0/components/scrollspy/#item-1-1

"成功实施后,您的导航或列表组将更新 因此,将 .active 类从一个项目移动到下一个基于 在他们相关的目标上。”

当具有特定 ID 的元素出现在屏幕上时,它会激活导航链接并突出显示它。我已将其翻译为 React 应用程序并从“react-router-hash-link”导入。由于我已经这样做了,当 id (#) 在屏幕上时突出显示导航链接的 scrollspy 不再起作用。是否有使用此组件模拟此滚动间谍功能解决方案?

https://www.npmjs.com/package/react-router-hash-link

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。