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

标签 javascript jquery iframe cross-domain iframe-resizer

使用惊人的 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 链接?

最佳答案

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

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

关于javascript - iframe-resizer JS 库 : Child Anchor Link Not Working w. iFrame Parent,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34196137/

相关文章:

html - 如何在不指定尺寸的情况下使 iframe 适合整个屏幕?

javascript - 在 AngularJS 中使用过滤器更新给定的表

jquery - Wordpress 中 Colorbox 中的 Google Adsense

javascript - 如何获取随机 json 数据并附加到 div 元素

javascript - 将 html 内容调用到 jQuery 变量中

jquery - 亚马逊云搜索查询

html - IFRAME 中的嵌入式 Google 文档有时无法加载

javascript - 使用 iframe 的 createElement 时无法设置allowTransparency

javascript - 如何知道 node.js express 服务器何时启动并准备好使用

javascript - 使用 jQuery 对话框时如何停止脚本?