Bagaimana Mengesan Kandungan Melimpah dalam Elemen HTML dengan Amanah?

Mengesan Kandungan Limpahan dalam Elemen HTML

Menentukan sama ada kandungan elemen HTML telah melebihi hadnya boleh menjadi tugas biasa semasa mereka bentuk halaman web. Walau bagaimanapun, kaedah standard untuk membandingkan dimensi klien dengan dimensi tatal tidak selalu berfungsi apabila limpahan ditetapkan kepada kelihatan, kerana nilainya akan sama.

Untuk mengatasi isu ini, fungsi JavaScript yang disediakan mengubah suai CSS buat sementara waktu tetapan limpahan kepada tersembunyi. Ini membolehkan kami mengesan dengan tepat sama ada elemen itu benar-benar melimpahi batasnya, sama ada secara menegak atau mendatar. Berikut ialah kodnya:

function checkOverflow(el) {
   var curOverflow = el.style.overflow;

   if ( !curOverflow || curOverflow === "visible" )
      el.style.overflow = "hidden";

   var isOverflowing = el.clientWidth < el.scrollWidth 
      || el.clientHeight < el.scrollHeight;

   el.style.overflow = curOverflow;

   return isOverflowing;
}

Fungsi ini telah diuji dalam penyemak imbas utama, termasuk Firefox, Internet Explorer dan Chrome, memastikan ia berfungsi secara konsisten merentas platform. Dengan memanfaatkan teknik ini, anda kini boleh menyemak dengan mudah sama ada kandungan elemen HTML melimpahi ruang yang diperuntukkan, tanpa mengira keterlihatan bar skrol.

Atas ialah kandungan terperinci Bagaimana Mengesan Kandungan Melimpah dalam Elemen HTML dengan Amanah?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!