1

我有一个使用 iframe-resizer 嵌入到 iframe 中的 React 应用程序：

<iframe id="my-frame" src="http://example.com/my-react-app" scrolling="no"></iframe>
<script>iFrameResize({}, 'my-frame')</script>

这在一般情况下运作良好。但是，当嵌入式 React 应用程序从高页面切换到短页面时，React 应用程序可能会完全消失。我必须手动滚动到 iframe 的顶部才能再次看到该应用程序。有没有办法自动做到这一点？我在 iframe-resizer 文档中看到了scrollToAPI，但我不清楚如何使用它。我是否必须更改我的 React 应用程序或嵌入它的页面？如何？如果可能，我宁愿完全不更改 React 应用程序。

4

2 回答 2

1

我现在已经为 iframe-resizer 编写了一个 React 接口，这可能对我未来的此类事情有所帮助。

https://github.com/davidjbradshaw/iframe-resizer-react

于 2019-09-22T14:51:10.150 回答
1

希望你一切顺利。

当嵌入式应用程序移动到较小的页面时，iFrame 不应该将自身调整到较小的高度吗？如果发生这种情况，在这种情况下将不需要 scrollToTop。

提供嵌入式应用程序使用 iframeResizer.contentWindow.js

我错过了什么吗？

于 2018-01-27T05:28:16.093 回答