使用惊人的 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/