如何在 GWT 中滚动到 div id

Question

我有一个带有 iframe 的网页，其中正在运行 gwt 应用程序。该网页有一个

。无法在 iframe 中滚动（预期），因此网页的高度为 1000px。最底部有一个按钮，我希望当有人单击该按钮时（注意：该按钮位于 gwt 应用程序中），我想滚动到顶部。

这意味着 iframe 需要强制父窗口滚动到顶部。我用这样的 jsni 函数尝试过：

    public static native void scrollToTop()  /*-{
        $wnd.top.scrollTo(0,0);
    }-*/;

但这不起作用。所以我的新想法是滚动到 div id“header”。有谁知道如何做到这一点？

我这样尝试：

document.getElementById('header').scrollIntoView();

但这似乎不起作用（因为它应该以 JSNI 方式？）。

感谢您的任何意见！

Answer 1

它会失败，因为 GWT 在 iframe 中运行，因此 document 引用 GWT 的 iframe，而不是您的“HTML 主机页”。您必须在 JSNI 中使用 $doc 来引用文档（就像 $wnd 而不是 window）。

但实际上你并不需要 JSNI；普通的旧 Java/GWT 就可以了：

Document.get().getElementById("header").scrollIntoView();

Answer 2

最后我找到了解决方案。您必须在网站顶部（iframe 内的网站）设置一个锚点。请查看我的其他 帖子了解更多详情。

PS 我希望您看到这篇文章的重要性并投票。这将为其他人节省很多时间。