2015-12-10 51 views
3

使用驚人的Iframe-resizer David J. Bradshaw的JavaScript庫。包含表單的跨域iFrame在提交表單後正確縮小。但是,父頁面並不遵循子內部的錨鏈接,這會將提交重定向到表單容器的頂部。Iframe-resizer JS Library:Child Anchor Link Not Working w。 iFrame Parent

因此,包含的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)子頁面的重定向錨鏈接?

回答

1

默認情況下,頁面鏈接設置爲false。通過啓用inPageLinks選項,子頁面內的錨鏈接會自動跟隨父頁面。這個劇本是天才!

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