iframe-resizer JS 库：子锚链接不工作 w。 iFrame 父级

Posted 2023-05-09

【中文标题】iframe-resizer JS 库：子锚链接不工作 w。 iFrame 父级

【英文标题】：Iframe-resizer JS Library: Child Anchor Link Not Working w. iFrame Parent

【发布时间】：2016-03-15 17:58:27

【问题描述】：

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

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

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

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

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

有没有办法让父页面跟随（iFramed）子页面的重定向锚链接？

【参考方案1】：

默认情况下，页面内链接设置为 false。通过启用 inPageLinks 选项，子页面中的锚链接会自动跟随父页面。这个脚本是天才！

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