问题标签 [react-scroll]

我不太明白如何使用这个包，我假设每次滚动到底部时它都会获取有限数量的数据，所以在我的后端我只返回十五个结果但我认为必须有一个分页让 api知道它会返回哪 15 个结果吗？并且我假设的分页将在这个包的变量中，但我没有看到任何内容。谁能告诉我这是如何工作的？这是我的代码

前端

后端

我想为我的漫画查看器创建一个自定义滚动动画。我在代码盒中重新创建了示例代码：https ://codesandbox.io/s/hardcore-microservice-kfe1q 我面临的问题是，滚动动画开始“滞后”。而且真的不可能改变滚动速度和间隔。
我正在尝试重现与此漫画查看器类似的感觉：示例

任何帮助将不胜感激，我什至不太确定当前示例是否是解决此问题的正确方法。

我想在同一个导航链接上使用 react-router 和 react-scroll。如果我在主页上，我希望按钮具有反应滚动行为。如果我在不同的页面上，按钮需要返回主页，然后滚动到首选组件（反应滚动行为）

这是我想到的，但它不能正常工作。

这个反应滚动我做错了什么？我想单击导航栏链接并平滑滚动到同一页面上的相应部分。但是，单击导航项目不会执行任何操作。有人可以帮我解释为什么这不起作用吗？

我跑了 npm install react-scroll。

应用程序.js

导航栏.js

有没有我可以用来滚动到点击部分的包？我尝试使用 react-scroll 但我不确定它是否适用于 Next.js。

我正在通过插件在页面中呈现一些反应内容，因此我无法控制使用我的内容的父页面。问题是有时我使用componentDidMount生命周期滚动到页面中的特定元素。

在某些情况下，当页面加载时，父页面正在使用模态以获得同意（RGPD 模态），因此我的内容正在正确加载并且我componentDidMount和我的滚动方法正在运行。除了呈现此模式的页面阻止滚动。即使模式关闭，我的函数也已经运行，因此它不会滚动。

我考虑过听一些更改，MutationObserver但它不会使其保持一致，因为有多个“父母”可以渲染我的内容，以便MutationObservers设置许多不同的内容。

我还考虑了另一种生命周期方法，可以检测我的内容是否被部分渲染或其他内容阻止。

我根本不知道如何解决这个问题。

这是一些代码：

import { scroller } from "react-scroll";

我有一个组件DataView，它有条件地呈现在另一个RenderData将数据呈现为卡片的组件中。有 3 个部分RenderData由菜单操作...并根据DataView.

现在我scroller.scrollTo(id, {smooth: true, duration: 500, spy: true, exact: true, offset: -79,})通过一个按钮滚动到任何指定的卡片id

但在控制台Target Element not found中是输出。

发生这种情况有原因吗？我听说这是因为 2 个滚动条，但我看不到 2 个滚动条（有没有办法显示它们）？如果没有，还有其他方法可以平滑滚动到 id 吗？谢谢

我正在尝试在 Framer Motion div 中放置一个非常简单的滚动动画，如下所示：

但是，如果我将 ScrollDiv 放在motion.div 之外，则滚动可以正常工作。这两个库之间是否存在某种不兼容？我怎样才能解决这个问题？

犯错

没有重载匹配此调用。Overload 1 of 2, '(props: LinkProps | Readonly): Link'，给出了以下错误。类型 '{ children: (string | Element)[]; 中缺少属性 'to' }' 但在“只读”类型中是必需的。Overload 2 of 2, '(props: LinkProps, context: any): Link'，给出了以下错误。类型 '{ children: (string | Element)[]; 中缺少属性 'to' }' 但在“只读”类型中是必需的。

https://codesandbox.io/s/gallant-dust-xjnsj?file=/src/Demo.tsx

Materail ui/mui 高度整体不工作不知道材料 ui 如何计算它的高度 希望是否有人可以使用反应弹簧帮助解决这个错误，我也测试了 window.scrollY 它甚至不能正常工作，整体 window.innerheight 从来没有工作过不知道为什么材料 ui 甚至没有帮助我弄清楚他们的 github 问题中发生了什么，如果有人能帮助我真的很感激