问题标签 [react-scroll]

如何从另一个页面导航到一个元素？我已经用 react-scroll 尝试过这种方法 -->

但我没有取得太大的成功。主要的是，当我在“/”索引路径之外导航时，比如“/contactus”，我失去了对这些 id 部分的引用，它抛出了scroller.js:57 target Element not found。

谢谢！

我真的在努力寻找一个干净的解决方案来解决 IOS 设备中的滚动问题。在我的 App.js 中，我只有背景主体和带有一些内容的模式。当显示模态时，我想阻止背景中的滚动（myBodyContent），并且仍然让模态组件中的滚动。我对 javascript 和 React 都很陌生，这对我一点帮助都没有。

我能找到的最干净的解决方案（据我所知）是body-scroll-lock 包，但似乎我无法成功使用它。这是我的代码：

应用程序.js

模态.js

模态CSS

使用上面的代码，一切都被锁定了，我既不能滚动模态也不能滚动 myBodyContent。

你能帮我理解我做错了什么吗？或者建议我用其他方法来达到同样的效果？

在此先感谢您的帮助。

我在 magento pwa 应用程序中有一个反应 js 代码。

它有一个名为 categoryList 的组件，我需要为该类别列表添加一个水平滚动菜单。

以下是我的代码

尝试使用此代码时出现以下错误。该错误似乎与不解决特定包或模块有关。

我不知道我是否放置了正确的代码。我是初学者。请帮助

为什么 react-scroll 包中的 animateScroll 在我的电子应用程序中不起作用？BrowserWindow 的 ScrollBounce 设置为 true，这里是组件

预期行为：聊天视图应在聊天填充或新消息出现后向下滚动到最后一条消息

实际行为：当聊天属性更新并且 animateScroll.scrollToBottom 在使用效果中触发时没有任何反应

我构建的页面有问题。有像“/”这样的主要路由路径是所有页面，但也有路由路径“/privacy”，您可以通过单击“隐私政策”按钮进入。主导航和带导航的页脚也显示在“/”和“/privacy”。

它看起来像这样：

主要组件看起来像这样

导航中的所有按钮都是反应滚动链接。

当他单击导航中的“关于”按钮时，如何将用户从“/privacy”重定向并滚动到 - 例如 - 关于我的“/”路由路径中的组件？

例子：

用户在“/privacy”，他想阅读“About”部分，所以他点击导航中的“About”按钮，然后网站重定向到“/”并滚动到“About”部分。

我正在使用react-scroll从导航滚动到任何预设的锚元素。我之所以选择它，是因为当元素在视口中时
，它还为 Nav 项提供了一个类。active

如果我在主页上，则此示例有效。但是，如果我从另一个页面单击导航栏项目，它将不起作用。

我还需要从另一个页面进行滚动工作。

需要提到的是，所有锚元素都在主页上并create-react-app使用v5 router.

CODESANDBOX 示例
Github 问题链接

PS：如果您知道任何更好的库可以做到这一点并添加active课程，请在此处发布。

这是 NavbarItem：

我在本机反应中实现了一个浮动按钮（TouchableOpacity）。我能够根据滚动位置显示和隐藏按钮。当滚动视图向上滚动并且向下滚动时，我想将按钮从屏幕底部向上移动，而不是显示和隐藏。我想使用流畅的动画来实现这一点。

下面是我用来创建浮动按钮并在滚动时显示和隐藏的代码。

// 渲染方法

任何帮助表示赞赏。谢谢。

我需要找到元素“16”，我的项目使用driver = SeleniumLibrary

我可以点击 react-dropdown 列表，但我不能scroll_element_into_view用来找到那个元素然后 click()

我正在使用 ant 设计步骤来制作视频进度步骤。我想滚动到与步骤号匹配的特定视频组件。就像我点击到第 3 步一样，那么具有 3rd id 的元素应该滚动并出现在顶部。这是我的代码。

我希望它像这样工作我的滚动应该如何工作

我已经安装了 react-scroll-to-bottom。

每次我渲染这个组件时，我都会在控制台中有一些关于它的日志。

你知道如何禁用它吗？文档说将 debug:{false} 作为组件传递给组件，但它不起作用。