问题标签 [js-scrollintoview]

我不知道为什么，但scrollIntoView()功能不起作用。浏览器显示错误：Uncaught TypeError: element.scrollIntoView is not a function at ...。元素element在控制台中定义和显示。我一直无法在互联网上找到任何答案。下面是简化的代码：

有人知道为什么它不起作用吗？

我不知道为什么，但scrollIntoView()功能在 Chrome 版本 71.0.3578.98 中不起作用，我也相信其他任何功能。浏览器没有显示任何错误，并且屏幕没有在任何地方滚动。我一直无法在互联网上找到任何答案。下面是简化的代码：

有人知道为什么它不起作用吗？

PS 我正在使用DataTables来呈现表格，为了方便没有在代码中显示它。

我尝试了几种向表格添加滚动的方法，但其中只有一种可以正常工作。他们之间有什么不同？

第一的：

第二：

第三：

第四：

我正在尝试在我的应用程序中实现从一个组件滚动到另一个组件，但目前它只是“跳转”到该组件，而不是滚动。

我尝试了以下方法：

这是我的模板：

或者，我也尝试过使用ViewChild()，但这总是undefined按我的假设返回，因为<app-portfolio-slider>尚未渲染。

为了使滚动顺利进行，我需要做什么？

我的问题是 vaadin 10。在 vaadin 8 中，我们可以使用该scrollIntoView功能，但在 vaadin 10 中，我们只能通过执行 Javascript 来实现，并且只能在 Grid 类型中滚动。

如何在 vaadin 10 中为其他组件（如垂直布局）制作它？（我需要滚动到垂直布局组件）

我有一个动态添加到我的视图并存储在 NgRx 中的项目列表：

如果我单击“添加项目”按钮，则该项目将添加到 NgRx 商店。

我现在想scrollIntoView在添加新项目时调用项目引用。我试图调用或调用该项目scrollIntoView，但它也会在页面加载时触发。我只想在将项目添加到列表并呈现时将其置于页面中心。ngOnInitngAfterViewInit

我怎样才能做到这一点？

我需要将页面滚动到包含特定单词“加载更多”的特定 div，该单词在多个 div 中有多个文本。这是我的代码

我正在使用以下调用将元素滚动到 Chrome 中的视图中：

它在 Chrome 中可以正常工作，但在 Safari 和 IE/Edge 中，它总是像我使用了 block: 'start' 一样滚动。即使我尝试更改为阻止：'end'，它仍然将该元素滚动到其可滚动容器的顶部。

我错过了什么吗？

在此处查看测试代码：https ://www.w3schools.com/code/tryit.asp?filename=G1V3LQQSAKF3（对不起，它不是一个 plunkr，但我从 MDN 站点复制了示例）

我有一个与页面上的 div ID 相关的项目列表。这些项目用作导航页面的锚链接。当用户滚动到页面上的每个部分时，它们也会突出显示。但是，在移动设备上，我还希望列表项可以水平滚动，并在用户向下移动页面时滚动到视图中（请参阅屏幕截图以获得视觉效果）。我想我可以很容易地为此使用 ScrollIntoView，但是 Safari 移动版不能很好地使用它，它会阻塞页面上的触摸滚动。

这是我目前正在使用的。它在 Chrome 上运行良好。

关于我可以做些什么来使它对 Safari 友好有什么建议吗？目前它会破坏触摸滚动（它的行为非常笨拙且不流畅）并且 Safari 会忽略 ScrollIntoView 参数，因此会忽略行为和内联。谢谢！

我遇到了一个关于 scrollIntoView 的问题。我编写的代码适用于 Firefox，但不适用于 Chrome。我没有从控制台收到任何错误或任何东西，因此我不知道问题出在哪里。如何在 Chrome 上正确运行它？我想用 Vanilla JS 解决它

这是我的代码-> https://codepen.io/Rafi-R/pen/PLdvjO

当 codepen 的控制台打开时会console.log()崩溃scrollIntoView({behavior: 'smooth'})，因此滚动不起作用。