Vaadin 10 scrollIntoView

Question

我的问题是在VaAdin10中，在VaAdin8中我们可以使用scrollIntoView函数，但在VaAdin10中，我们只能通过执行Javascript来实现，而且我们只能在网格类型中滚动。

如何在vaadin 10中实现其他组件，比如垂直布局？(我需要滚动到垂直布局组件)

Answer 1

我找到了我问题的答案。

只需编写以下代码: Page.getCurrent().getJavaScript().execute("document.getElementById(\"idOfElement\").scrollIntoView()")

别忘了给你的组件设置id。在这里找到它：https://vaadin.com/forum/thread/11503073

Answer 2

我认为还没有Java API来解决这个问题，但是可以通过下面的JavaScript调用来解决这个问题：

UI.getCurrent().getPage().executeJavaScript("$0.scrollTo(0,$0.scrollHeight);", component);

Answer 3

在Vaadin forum中，有人问了同样的问题，还有另一种可能的答案：

component.getElement().callJsFunction("scrollIntoView");

在我的应用程序中使用Vaadin 14.6.x进行了测试，运行良好。