问题标签 [react-scroll]

我正在尝试映射状态数组并在用户填写输入后添加输入字段，如果任何输入为 '' 或 null 或者任何字段与模式字符串不匹配，那么我想滚动页面到该错误字段，以便用户收到有关错误字段的通知

如何滚动页面到该元素提前谢谢

我目前正在开发一个网站，该网站在使用 disableScroll(npm 包) 上的属性子集时将禁用滚动

我将 disableScroll 设置为 false，因为我想通过使用 react-scroll Links（另一个 npm 包）来动画滚动

一切正常，但现在我注意到，如果在滚动过程中（我有一秒钟的持续时间）如果我按下 ctrl 键它会停止滚动。我一直无法弄清楚为什么会这样。有没有办法禁用此功能或者这是一个错误？

我确实想保留我的动画滚动功能（react-scroll 平滑滚动不）

不确定它是否有帮助，但我已将滚动条宽度设置为零以防止用户完全滚动。

PS：我认为不需要我的任何代码片段，但如果需要，请告诉我，我会在这里更新它们

我创建了一个带有指向不同页面的链接的页脚。

每个页面都有一个标签菜单，其中包含不同设备的规格。在下图中，我们有冰箱、冰柜和制冰机。页脚有所有这些的链接。现在我想要的是用户从页脚单击冷冻机并被定向到此页面，但冷冻机选项卡打开。我尝试了 html #id 但它不起作用并且冰箱选项卡已打开 - 同样在下面的页面中，选项卡是从另一个 js 文件导入的。

页脚的代码

菜单选项卡

最后是必须打开链接的页面。

我也尝试过 react-scroll 但我无法让它工作。

我的 React 应用程序中有一个动态水平列表，我想从一个动态呈现的导航栏导航到该列表。导航栏如下所示：

和水平列表：

Listing是一个自定义组件，它从道具呈现另一个垂直列表。我正在使用 react-scroll 包中的Link和Element组件。但这不起作用，并且不会按预期滚动到选定的列表。

任何帮助，将不胜感激。谢谢，

我正在使用 react，我将 react-scroll 库添加到导航中，使用 LazyLoadImage 库显示图像，单击链接（react-scroll），它在页面上更高，并没有到达相应的位置。我尝试了“isDynamic”，但它也不起作用。

谢谢

所以，这个我就是想不通。我尝试了一种自定义（在我的脑海中，简单而优雅）的分页解决方案，但我意识到它可能不是那样的。但是，它仍然有效，而且它现在打破的方式根本没有意义。

为此，我结合使用 Pagino（来自其他 SO 答案的部分编辑）和 react-scroll 导入。

在渲染函数内部：

hanglePaginoNavigation 函数：

以及它的价值，pagino（只是跟踪页面）：

所以结果仍然相当简单：我有几个呈现的链接对应于在元素“pagino-container”内呈现的不同页面。当我单击其中一个链接时，在 div 内它会滚动到单击的页面。

它就像我现在拥有的那样工作。如果它那么优雅，或者只是我不知道。

但现在奇怪的事情。如果我开始向渲染的链接添加样式，并且我说的是简单的 1px 边框和一些填充，突然它会中断，链接上的点击什么都不做......（抱歉重新措辞，点击实际上是注册的，只是滚动不再被触发，这很奇怪，因为 id 或任何东西都没有改变，滚动内容的定位也没有改变）它是通过 CSS 加载还是通过内联样式加载都没有关系。

让它变得更奇怪一些。如果只有一个按钮有边框，则滚动仅适用于第一次单击任何按钮。如果所有按钮都有边框，则不会发生任何滚动。如果我只是通过开发工具添加样式，无论如何它都会继续工作..

有谁知道是什么原因造成的？

**编辑：好吧，显然 Link 元素中的条件被镜像了，这似乎是造成它的原因。造型与它的关系超出了我的范围

当我在滚动动画期间单击屏幕上的任意位置时，动画停止。我想禁用它，并想出一种方法是在滚动期间使整个屏幕不可点击。我尝试制作 pointer-events: none onScroll 但它不起作用。有什么解决办法吗？

为什么我会收到此错误？

我如何解决它？id目的是在单击按钮时为必要的 div（classname='a1' 有一个 ）创建平滑的滚动动作。按钮必须平滑滚动以及触发toggle()。

任何帮助将不胜感激 ！

我想在页面加载时在第一个导航项上应用一个活动类。

但是现在，第一个导航项在页面重新加载时没有突出显示。它仅在我滚动时突出显示，当我单击最后一个导航项时，它会突出显示前一个导航项而不是当前导航项。

这是我的导航栏

这是我的部分组件

我在这里缺少什么？

我在react中使用react-scroll，并且在单击按钮后尝试滚动容器div overflow-y，但该函数滚动的是body overflow而不是容器div。我该怎么做？

body有overflow:hidden，容器div有overflow-y:scroll