【问题标题】:Iframe-resizer JS Library: Child Anchor Link Not Working w. iFrame Parentiframe-resizer JS 库:子锚链接不工作 w。 iFrame 父级
【发布时间】:2016-03-15 17:58:27
【问题描述】:

使用 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)子页面的重定向锚链接?

【问题讨论】:

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


    【解决方案1】:

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2017-10-30
      • 2014-08-08
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-01-23
      相关资源
      最近更新 更多