使用iframe-resizer：當iframe在iframe內部點擊時增長，在手機上也不能正常工作

Question

我在我的網站上安裝了iframe-resizer（http://www.healthfitchiro.com/alternate-login），除了：1）它似乎不工作全部以移動方式，以任何身份。 2）當你點擊iframe內的某個地方時，頁面會變長。每次點擊都會使其進一步增長，並且不會退縮。這裏是我的頁面代碼：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
<script type="text/javascript" src="//healthfitcorpwell.com/wp-content/themes/healthfitcorpwell/js/iframeResizer.min.js"></script> 
<style>#lcembed{width:100%}</style> 
<script type="text/javascript"> 
document.write('<iframe id="lcembed" name="lcembed" src="https://www.healthfitcorpwell.com/lce/?url=' + document.location + '" scrolling="no" frameborder="0"></iframe>'); 
iFrameResize({log:true, checkOrigin:false, inPageLinks:true, sizeWidth:true}); 
</script> 

我的問題：爲什麼會出現越來越多的現象？如何在移動設備上查看時使用此功能？由於我將在iframe內進行導航，因此我需要在每個將導航到的頁面上包含iframeResizer.contentWindow.min.js還是僅包含加載的第一頁？此外，我想這不是關鍵，但是當我嘗試使用jQuery方法時，它不起作用：$('#lcembed').iFrameResize(); 它不會調整大小，iFrame高度似乎只有幾個像素高。本身只有iFrameResize();功能。這是爲什麼發生？

Answer 1

生長現象是由iframe高度和iframe身高之間的尺寸不匹配引起的。如果你從身體css中刪除min-height: 101%;它不會繼續增長。

我無法重現移動故障，在Android版Chrome中它看起來與我的桌面瀏覽器相同。

如果您正在瀏覽iframe中的其他頁面，那麼您需要在每個頁面中包含內容腳本。它必須調用父框架，這在沒有腳本的情況下不會發生。