使用David J.Bradshaw的惊人的Iframe resizerJavaScript库。包含表单的跨域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)子页面的重定向锚链接?
默认情况下,页内链接设置为false。通过启用inPageLinks选项,子页面中的锚链接将自动跟在父页面后面。这个剧本真是天才!
<script>jQuery('iframe').iFrameResize({inPageLinks:true});</script>