Bagaimana untuk Melaraskan Ketinggian iFrame kepada Kandungan Tanpa Bar Skrol?

Melaraskan Ketinggian iFrame kepada Kandungan Tanpa Bar Tatal

Mencipta iFrame yang melaraskan ketinggiannya dengan lancar untuk memaparkan semua kandungannya tanpa menggunakan bar skrol boleh menjadi cabaran. Walau bagaimanapun, penyelesaian wujud melalui penggunaan JavaScript.

Respons:

Pertimbangkan untuk memasukkan perkara berikut:

1. Tambahkan skrip di bawah pada anda bahagian:

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

2. Ubah suai kod iFrame anda untuk memasukkan yang berikut:

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

Skrip dan penambahan atribut ini mengubah saiz ketinggian iFrame secara dinamik berdasarkan ketinggian kandungan, menghapuskan keperluan untuk bar skrol dan memastikan pengalaman tontonan yang optimum.

Atas ialah kandungan terperinci Bagaimana untuk Melaraskan Ketinggian iFrame kepada Kandungan Tanpa Bar Skrol?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!