IFrame Resizer burada bu sayfada çalışıyorum

Question

boyutlandırma değil.

Bunu başarmak için @DavidJBradshaw's iFrame Resizer kullanıyorum. Bununla birlikte, iframe'in düzgün çalışması için uğraşmıyorum. Ben günlüğü olsun ama bu kullandığınızda o boyutunu değiştirmez

<script>iFrameResize({log:true})</script>

Ve:

javascript init sadece sade kullanabilirsiniz. Ayrıca jQuery yöntemini denedim:

$('iframe').iFrameResize([{log: true}]);

Ve günlük veya yeniden boyutlandırılmış iframe alamadım. Ayrıca bir belgeye hazırlamayı da denedim ve bu da onu başaramadı.

Bunun neden ateş etmediğine dair herhangi bir fikri veya fikri olan var mı? Konsolum herhangi bir JS hatası atmıyor ... Teşekkürler!

DÜZENLEME:, şu anda HTML tarafında nasıl kurulum yaptığımın bir örneğidir.

<iframe src="http://phpstack-9420-21004-48731.cloudwaysapps.com/onlinecert/certification/login" width="100%" scrolling="no"></iframe> 
       <script> 
        jQuery(document).ready(function() { 
         jQuery('iframe').iFrameResize([{log:true}]); 
        }); 
       </script> 

DÜZENLEME 2: İşte yangını yapar ve içeriği daha sonra artık bu uzanır halde o 150 piksel için iframe'i ayarlıyor benim konsol günlüğü olduğunu.

[iFrameSizer][Host page] Added missing iframe ID: iFrameResizer0 (http://phpstack-9420-21004-48731.cloudwaysapps.com/onlinecert/certification/login) 
iframeResizer.js:97 
[iFrameSizer][Host page] IFrame scrolling disabled for iFrameResizer0 
iframeResizer.js:97 
[iFrameSizer][Host page][init] Sending msg to iframe (iFrameResizer0:8:false:true:32:true:true:null:offset:null:null:0:false:parent) 
iframeResizer.js:97 
[iFrameSizer][Host page][iFrame.onload] Sending msg to iframe (iFrameResizer0:8:false:true:32:true:true:null:offset:null:null:0:false:parent) 
iframeResizer.contentWindow.js:62 
[iFrameSizer][iFrameResizer0] HTML & body height set to "auto" 
iframeResizer.contentWindow.js:62 
[iFrameSizer][iFrameResizer0] Enable public methods 
iframeResizer.contentWindow.js:62 
[iFrameSizer][iFrameResizer0] Added event listener: Animation Start 
iframeResizer.contentWindow.js:62 
[iFrameSizer][iFrameResizer0] Added event listener: Animation Iteration 
iframeResizer.contentWindow.js:62 
[iFrameSizer][iFrameResizer0] Added event listener: Animation End 
iframeResizer.contentWindow.js:62 . 
[iFrameSizer][iFrameResizer0] Added event listener: Device Orientation Change 
iframeResizer.contentWindow.js:62 
[iFrameSizer][iFrameResizer0] Added event listener: Transition End 
iframeResizer.contentWindow.js:62 
[iFrameSizer][iFrameResizer0] Added event listener: Window Clicked 
iframeResizer.contentWindow.js:62 
[iFrameSizer][iFrameResizer0] Enable MutationObserver 
iframeResizer.contentWindow.js:62 
[iFrameSizer][iFrameResizer0] In page linking not enabled 
iframeResizer.contentWindow.js:62 
[iFrameSizer][iFrameResizer0] Trigger event lock on 
iframeResizer.contentWindow.js:62 
[iFrameSizer][iFrameResizer0] Sending message to host page (iFrameResizer0:150:703:init) 
iframeResizer.js:97 
[iFrameSizer][Host page] Received: 
[iFrameSizer]iFrameResizer0:150:703:init 
iframeResizer.js:97 [iFrameSizer][Host page] Checking connection is from: http://phpstack-9420-21004-48731.cloudwaysapps.com 
iframeResizer.js:97 
[iFrameSizer][Host page] Checking height is in range 0-Infinity 
iframeResizer.js:97 
[iFrameSizer][Host page] Checking width is in range 0-Infinity 
iframeResizer.js:97 
[iFrameSizer][Host page] Requesting animation frame 
iframeResizer.js:97 
[iFrameSizer][Host page] IFrame (iFrameResizer0) height set to 150px 
iframeResizer.contentWindow.js:62 
[iFrameSizer][iFrameResizer0] Trigger event lock off 
iframeResizer.contentWindow.js:62 
[iFrameSizer][iFrameResizer0] -- 

Answer 1

Anladım!

iframe gövde yüksekliği Doğru hesaplama değildi, bu yüzden iframe yüksekliği ne olması gerektiğini nasıl hesapladığını değiştirdi. Bunu başarmak için 'lowestElement' kullanıyorum ve harika çalışıyor. lowestElement Loops DOM her eleman ve en düşük alt noktası