Rumah >hujung hadapan web >tutorial js >Bagaimana untuk Melaraskan Ketinggian iFrame Berdasarkan Kandungan secara Automatik?

Bagaimana untuk Melaraskan Ketinggian iFrame Berdasarkan Kandungan secara Automatik?

Linda Hamilton
Linda Hamiltonasal
2024-11-20 01:42:02995semak imbas

How to Automatically Adjust iFrame Height Based on Content?

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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn