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
0 komentar:
Posting Komentar
silahkan komentar