使用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)子页面的重定向锚点链接?
答案 0 :(得分:1)
默认情况下,页面链接设置为false。通过启用 inPageLinks 选项,子页面中的锚链接将自动跟随父页面。这个脚本是天才!
<script>jQuery('iframe').iFrameResize({inPageLinks:true});</script>