问题标签 [js-scrollintoview]

我正在使用 Material UI 和打字稿做出反应并有一个表格。在提交表单时，如果输入有验证错误，我想滚动到第一个出现验证错误的输入。我在下面粘贴了简单的表单代码，它在提交时在城镇输入中注入验证错误。实际上，错误可能出现在任何或多个输入中。

知道如何使用验证错误滚动到第一个输入。

我想要一个标题，其中包含从外部源（data.js）呈现的链接，然后当单击它生成的链接时，文档将滚动到具有相同 ID 的 div（在单独的组件中）名称作为链接。

当我将渲染中的名称传递给辅助方法时，我只能让它向下滚动大约 2 厘米，然后它就停止了。但是，当我制作一个只有一个按钮可以滚动到某个部分的单独组件时，它可以工作；或者，如果我手动将部分输入到函数中，它将滚动到正确的部分，但是当我将部分从呈现的链接传递到函数中时，它不起作用。我不知道我做错了什么。

这是来自 Data.js 的部分

这是我的标题代码

如果我将其更改为

它工作正常，但不适用于传入的值

这是我的另一个组件（每个部分的开头都有一个 div，其 id 等于部分，就像我说的，如果我手动输入部分，那么一切正常。

请帮我。谢谢

下面是代码：

以下是错误：

我使用 Python 来抓取一个带有需要滚动的过滤器窗格的网站。我找到了一个有助于滚动元素列表的代码，它实际上找到了一个列表并在循环中移动。

我的代码已经包含一个 for 循环，我只想添加一个需要滚动到的元素。使用上面我写的逻辑（一个循环被简化）：

我不知道为什么它不起作用。这是我得到的错误：

有谁知道需要修复什么？最后一个代码中的 XPath 是正确的，并且已经在使用中。

我试图用“recentList 中的列表”替换我当前的循环，但是当它需要滚动过滤器上的页面时代码会停止。

我想建立一个索引字母。当我单击字母时（例如 A、B、C）。它应该滚动到所属的标题。我在这里使用了 scrollIntoView 。一切都好，除了“block:start”。当我想滚动到开始标题时，整个页面滚动容器。

这是我关于问题的 gif

这是我的 html & css & javascript 代码。

}

我遇到了 scrollIntoView 有时工作好，有时不行（在大多数情况下不好）的问题。所以我试图找到一种替代方法，这就是这篇文章。

但是在我的程序中，我还需要水平滚动到元素和垂直滚动显示父窗口顶部的元素。

所以我修改了文章中的代码。

在我的 js 代码中，单击按钮时，我想在新选项卡中打开站点并滚动到选择器的位置，然后突出显示它。

个人而言，我能够实现它，但是当我尝试将它和平在一起时，选择器没有突出显示

以下是在网站控制台中运行的片段

网站：- https://careers.mestel.com/

只有 window.open 动作被执行，其他动作没有被执行。请建议如何在 window.open 之后注入剩余的 js 代码。最终的预期结果将如下图所示

当页面上有延迟图像加载时，我无法让 scrollIntoView API 正常工作。

本质上，当页面加载时，我通过抓取元素querySelector，当它滚动时，由于图像加载，焦点关闭（它向下移动页面）。

我已经尝试过没有延迟图像加载的页面，它按预期工作得很好。

我不完全可以继续讨论这个问题。

我正在创建一个 React 聊天应用程序。消息历史记录在 aul中，它在带有 的 div 中margin-top: 20px。我现在正试图让应用程序在收到消息时滚动到底部。我尝试添加以下元素作为最后一项ul：

这具有始终使最后一条消息可见的预期效果。然而，这段代码现在不知何故导致包含 ul 的 div 捕捉到身体的顶部，没有边距。如果我打开开发人员工具，我可以看到margin-top仍然处于活动状态 - 如果我禁用它并重新启用它，则 div 的位置已更正，但每当我发送消息时它都会重置。

有人可以解释这如何影响外部 div 的 margin-top 吗？我基本上想做的是找到列表中的最后一个元素，然后做

但我想不使用 ReactDom.findNode(this)

谢谢。

我想滚动到一个特定段落，该段落是元素的子元素的子元素

下面是我的 html 的简化版本。

我想滚动到带有ticketType 类名的段落。我的实际代码中有更多段落，所以我想通过 className 来定位它。

我不想滚动到这个className 的其他段落，所以我需要专门定位（并滚动到）id 为ticket0 的元素中className 为ticketType的段落。

})}

此代码滚动到父 div：

我正在尝试使用以下方法获得更多选择：

但是当我 console.log 时，它无法识别该段落。我正进入（状态：

在 CSS 中，我可以将其定位为#ticket0 < .ticketType

Javascript中有类似的东西吗