iFrame “Auto Height” dengan Jquery

Dalam tag tidak berlaku untuk elemen style=”height:100%” melainkan yang bisa berlaku hanya style=”width:100%”. Untuk membuatnya menjadi auto height 100% bisa menggunakan jQuery Jadi berapapun ukuran iframe akan tetap menyesuaikan secara otomatis, sehingga seolah-seolah tidak memakai iframe.

Caranya :

- masukkan jQuery library, terserah pakai yang versi keberapa

<script type="text/javascript" src="jquery-1.6.2.js"></script>



- masukkan jQuery buat auto height iframe

<script type="text/javascript" src="https://raw.github.com/house9/jquery-iframe-auto-height/master/release/jquery.iframe-auto-height.js"></script>



- masukkan script iframe, untuk jQuery ini akan otomatis mendeteksi semua iframe menjadi auto height

<iframe src="iframe.html" width="100%" scrolling="no" frameborder="0"></iframe>





- masukkan fungsi javascript iframe autoheight

<script type="text/javascript">
jQuery('iframe').iframeAutoHeight();
</script>



- Simpan dan lihat hasilnya



Download Script Lengkap



Source Script : https://github.com/house9/jquery-iframe-auto-height