Bagaimana untuk Melaraskan Ketinggian iFrame Berdasarkan Kandungan secara Automatik?

Melaraskan Ketinggian iFrame Berdasarkan Kandungan Secara Automatik

Dalam pembangunan web, iFrames digunakan untuk membenamkan kandungan luaran ke dalam halaman web. Isu yang sering timbul dengan iFrames ialah ketinggian mereka tidak melaraskan secara dinamik berdasarkan kandungan di dalamnya. Ini boleh mengakibatkan bar skrol yang tidak sedap dipandang atau penampilan visual yang janggal.

Soalan:

Bagaimana saya boleh membuat iFrame melaraskan ketinggiannya secara automatik mengikut kandungannya, tanpa menggunakan bar skrol?

Jawapan:

Untuk mencapai kefungsian yang diingini ini, ikut langkah berikut:

1. Tambah Skrip ke Bahagian:

   <script>
     function resizeIframe(obj) {
       obj.style.height = obj.contentWindow.document.documentElement.scrollHeight + 'px';
     }
   </script>

2. Ubah suai Kod iFrame:

   <iframe src="..." frameborder="0" scrolling="no" onload="resizeIframe(this)" />

Dengan memasukkan skrip ini dan mengubah suai kod iFrame, iFrame akan melaraskan ketinggiannya secara dinamik untuk menampung kandungan yang terkandung di dalamnya, tanpa memerlukan bar skrol.

Atas ialah kandungan terperinci Bagaimana untuk Melaraskan Ketinggian iFrame Berdasarkan Kandungan secara Automatik?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!