javascript - iframe-resizer JS 库 : Child Anchor Link Not Working w. iFrame Parent

Question

使用惊人的 Iframe-resizer David J. Bradshaw 的 JavaScript 库。包含表单的跨域 iFrame 在提交表单后正确缩小。但是，父页面不遵循子页面内的 anchor 链接，这会将提交重定向到表单容器的顶部。

因此包含的 iFrame 移出位置，甚至移出视野。

<script type="text/javascript" src="./iframeResizer.min.js"></script>

<iframe src="http://www.childiframe.com/form/" width="100%" scrolling="no" frameBorder="0"></iframe>

<script>jQuery('iframe').iFrameResize({moveToAnchor:('top')});</script>

有没有办法让父页面跟随(iFramed)子页面的重定向 anchor 链接？

Answer 1

在页面中链接默认设置为 false。通过启用 inPageLinks 选项，子页面中的 anchor 链接会自动跟随父页面。这个脚本是天才!

<script>jQuery('iframe').iFrameResize({inPageLinks:true});</script>