我有一个输入字段，无论是 on(blur)还是 on都会(change)触发一个功能，该功能应该将页面滚动到下一个元素块。由于我忽略它的原因，它不起作用，尽管在(click)与按钮一起使用时它工作正常。我也确信该函数被正确调用。它看起来就像scrollIntoView被忽略了。大家知道可能是什么原因吗？

<input type="number" (change)="scrollToNext(i)"">

单击带有锚的链接时，我使用以下代码使用平滑滚动。这很完美，但由于静态标题，我需要添加一些 88 像素的偏移顶部。

如何扩展此代码并添加 88px 的偏移顶部？

代码：

我有两个组件。一个父母和一个孩子。

在父组件内部，我有一个按钮。如果用户单击该按钮，我想对子组件内的另一个按钮执行 ScrollIntoView。

我想我想定义对子按钮 a 的引用，以便我在父按钮 onClick 内可以执行以下操作：

这将滚动到子组件中的按钮。

这是一个缩小的示例：

父组件.jsx

ChildComponent.jsx

我知道上面的代码不起作用，它只是为了说明我想要实现的目标。

我真的尝试了通过谷歌搜索找到的所有其他解决方案，它们看起来都很简单，但它们似乎都不适用于我的用例。我也尝试过使用 forwardRef ，但这也不能解决我的问题。

更新

我想我对什么不起作用有点模糊。我在实现中收到了很多不同的错误消息。

以下是其中之一：

函数组件不能被赋予 refs。尝试访问此 ref 将失败。你的意思是使用 React.forwardRef() 吗？

解决方案

好的。我想我会用@Vencovsky 提供的解决方案在这里组装这些部件。

这是问题中看到的两个示例组件的完整实现：

父组件.jsx

ChildComponent.jsx

我现在正在用 React 构建一个轮播。要滚动到我正在使用的单个幻灯片，document.querySelector如下所示：

这是不好的做法吗？毕竟我这里是直接访问 DOM 的？这样做的 React 方式是什么？

编辑：完整return方法

我想解析一个大约 8 页的IMDb 电影评级。为了做到这一点，我正在使用 Selenium，但我在点击时遇到了问题，将算法进行到下一页。最后，当我继续使用 BeautifulSoup 时，我需要 1000 个标题。下面的代码不起作用，我需要在这个 HTML 中使用按钮“NEXT”：

这是代码：

错误如下：

我想我缺乏所需的语法知识，或者我把它弄混了一点。我尝试在 SO 上进行搜索，尽管每个示例都非常独特，而且我不具备完全推断这些案例的知识。Selenium 有什么办法可以处理这个问题？

我正在尝试滚动一个位置粘在页面中心的元素。

这意味着它在文档流中的非卡住位置应该位于视图的中心。

在 codepen 上演示

标题中有导航链接，它们使用 scrollIntoView 滚动到页面的该部分。

第三部分有位置粘性。

如果它当前在文档流中（如位置静态/相对），它可以正常工作

如果它当前不在文档流中（如绝对位置/固定位置），它将表现得像这样并且不会一直滚动到它。（如左下角的页面标题按钮。）

考虑到它们有时会出现在文档流中，scrollInToView 是否应该适用于粘性元素？

我该如何解决这个问题？

我必须检查一个元素是否在视图中，如果没有，则只有使用以下操作将其滚动到视图中，然后与之交互 -

如果元素在视图中，请不要执行上述命令。检查一个元素是否在视图中isDisplayed()是没有帮助的，因为无论元素是否在视图中，它都会返回 true。

您能否建议如何检查某个元素是否在视图中？

我在我的网站主页 (myexample.com) 上有这个基本代码：

现在，滚动效果将在每次调用主页 (myexample.com) 时触发。我实际上希望这个脚本片段触发，并且只有在主页的 url 字符串明确读取时触发：myexample.com#pizza3

如何修改基本代码以实现？

干杯!

我已经制作了一个应用程序，如果您单击一个按钮，则会弹出一个模式，并且在该模式上会有表格行形式的评论，随着评论的增加，用户必须向下滚动所有内容，我希望它随着模态组件的安装自动滚动。我用过material-ui。我通过 ref 进行了尝试，还尝试了此处可用的其他代码，但它仍然向我显示此错误。

嘿，我有一个关于硒的问题我有一个很长的表格，我想向下滚动一点以输入数据。我不希望它一直滚动到元素显示为止。

我使用了这段代码：

它不起作用，因为硒滚动向下匹配，这是一种滚动到该元素的方式，因此我可以向它输入数据，例如滚动直到元素位于屏幕的模型中。如果滚动不查看问候，我不知道滚动查看的目的是什么