将页面从 iframe 滚动到顶部(包含 gwt 应用程序)

发布于 2024-12-08 01:46:07 字数 262 浏览 0 评论 0原文

有一个网站,其中包含一个包含 Web 应用程序的 iframe。假设应用程序的高度为 1000px。在应用程序的底部(1000px)有一个按钮。如果用户按下按钮,则应用程序会更改其视图,并且新的长度仅为 20px(因此 20px 到 1000px 的范围只是白色(空白页))。

我现在的目标是,当有人按下该按钮时,浏览器应该将其页面滚动到顶部(这意味着滚动发生在 iframe 之外。有谁知道如何在 gwt 中执行此操作的解决方案(无需在页面中设置锚点) iframe)?

持有

There is a website which has an iframe including a web application. Let's assume that the application has a height of 1000px. At the bottom of the application (1000px) there is button. If the user presses the button, then the application changes its view and the new length is only 20px (the rage 20px to 1000px is therefore just white (blank page) ).

My goal is now that when someone presses on that button then the browser should scroll its page to the top (meaning that the scrolling happens outside the iframe. Does anyone know a solution how to do that in gwt (without setting an anchor in the page holding the iframe)?

Many thx in advance!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

总攻大人 2024-12-15 01:46:07

最后我找到了解决方案。在 iframe 的顶部设置一个锚点并使用以下命令调用它:

public static native void scrollToTop()  /*-{

    $wnd.location.href = '#anchorName';

}-*/;

这也将强制父窗口(持有 iframe 的窗口)滚动到该锚点。

Finally I found the solution. Set at the top of your iframe an anchor and call it with:

public static native void scrollToTop()  /*-{

    $wnd.location.href = '#anchorName';

}-*/;

This will also force the parent window (the window holding the iframe) to scroll to that anchor.

九命猫 2024-12-15 01:46:07

使用 javascript 滚动

大多数人出于多种原因讨厌 iframe,但您应尽可能避免使用它们。

Scrolling with javascript

Most people hate iframes for a number of reasons though, you should avoid using them if at all possible.

提笔落墨 2024-12-15 01:46:07

使用 JSNI 并在父窗口或顶部窗口中滚动怎么样?像这样的事情:

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

与 top 的组合也应该只与“window”一起使用。 $wnd 只是因为 GWT 实际上是在嵌入式 iframe 中运行。但我不确定如果您的代码来自不同的服务器,是否允许滚动父文档。

How about using JSNI and scrolling in parent or top window? Something like this:

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

The combination with top should also work with just "window". The $wnd is just because GWT is actually running in an embedded iframe. But I'm not sure if your code will be allowed to scroll parent document if they come from different servers.

东风软 2024-12-15 01:46:07

调用一个java脚本函数滚动到包含iframe的页面的div id怎么样?这可能吗?

What about calling a java script function scrolling to a div id of the page holding the iframe? Is that possible?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文