问题标签 [react-scroll]

我正在网上关注如何使用 react-scroll 的教程，但我似乎无法让它为我工作

我正在使用 react-scroll 中的 Link 标签并将“to”属性设置为我想要滚动到的 div 的 id。但是当我查看实时代码时，我拥有的链接呈现为文本并且似乎无法点击。

我希望“我的项目”链接将页面向下平滑滚动到 ID 为“项目”的另一个组件

谁能看到我做错了什么？

[![在此处输入图像描述][1]][1]我正在使用反应交易视图小部件，我的客户要求它应该在固定按钮按下时停止滚动。我使用过这种方法，但它停止了所有鼠标事件

我需要停止在图表上滚动它的严重问题请帮助：

chartPosition 是一种在按下固定按钮时会改变的状态，请记住这一点

我想停止在图表 [1] 内滚动：https ://i.stack.imgur.com/6KfTp.png

我正在处理我的 React JS 应用程序中的水平菜单问题。

我使用 react-scroll 进行平滑滚动和滚动间谍，因此在遇到该部分时会突出显示菜单链接。

一切正常，但我需要在 Y 方向移动菜单，当点击菜单链接超出视口的部分时。

我在https://clever-borg-a6bcdb.netlify.app/上上传了演示。尤其是在网络的移动版本上，这个问题是显而易见的。

有什么简单的方法，如何移动菜单，使当前部分的菜单项始终位于视口的开头（左侧）？

谢谢你。

下面的代码：

样式化的组件屏幕

来自组件文件的屏幕（此道具来自滚动链接）

我不知道如何在一个组件中一起使用它们。我需要你的帮助。我提前谢谢你。

当我单击导航栏中的特定项目时，似乎根本没有触发器，有一次它有点工作，当我单击 li 时，url 至少发生了变化，但现在即使这样也不起作用。

除此之外，我还为每个组件设置了 ID。

这是 App.js

这是 Landing_Nav.js

我已经将一个页面分成几部分，并放置了一个滚动按钮，可以从第一部分的第一部分滚动到第二部分，但它不起作用。

按钮：

页面布局：

我不知道是否有任何问题，但 webapp 有多个页面（即：/about、/contact...）但我正在尝试在主页中实现滚动机制。

在这张图片上，您可以看到我制作了一些要传递的数据。

导航栏数据.js

我通过使用 .map 函数传递它并将其填充到 to={} 属性

导航栏.js

我收到这个错误

“未捕获的类型错误：无法读取未定义的属性（读取'路径名'）”

即使我在 to={} 属性上传递了数据

错误

您可以查看此代码段以供参考。

样式化的组件

更新：我认为更清楚是个好主意，所以我将我的项目复制到一个代码沙箱中。我在沙盒中仍然遇到同样的问题。如果有人能看到任何问题，我肯定希望得到您的帮助。

我正在尝试创建我的第一个投资组合页面。

当我单击 Nav 组件中指向其他组件的链接时，我试图实现平滑滚动，例如这个 About 组件。我正在使用反应滚动。

这是我的 Nav.js 组件。

这是我要链接到的 About.js 组件。

然而。什么都没发生。当我在浏览器中查看 html 时，链接显示为 About 并且不包含我期望的 href。

非常感谢任何帮助。

我想在用户滚动时触发一个事件。我已经使用上面的代码来获取滚动事件。但它不起作用。但是相同的代码正在另一个项目中工作

整个代码