时间戳

首页 > 解决方案 > 'react-router-hash-link' 如何使用组件模拟 Scrollspy

bootstrap-4 - 'react-router-hash-link' 如何使用组件模拟 Scrollspy

问题描述

我有一个使用以下scrollspy样式的网页版本：

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

“成功实施后，您的导航或列表组将相应更新，根据关联的目标将 .active 类从一项移动到下一项。”

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

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

标签： bootstrap-4react-navigationscrollspy

解决方案

推荐阅读