iframe-resizer JS库:Child Anchor Link不工作w。 iFrame Parent

时间:2015-12-10 07:35:57

标签: javascript jquery iframe cross-domain iframe-resizer

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

因此,包含的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)子页面的重定向锚点链接?

1 个答案:

答案 0 :(得分:1)

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

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