Bolehkah Pelarasan Ketinggian Automatik Menghapuskan Bar Skrol dalam Textareas?

AutoMelaraskan Ketinggian Kawasan Teks

S: Bolehkah saya melaraskan ketinggian kawasan teks agar sepadan dengan ketinggian teks yang terkandung di dalamnya, menghapuskan keperluan untuk bar skrol?

J: Ya, melaksanakan fungsi ini boleh dilakukan dengan JavaScript.

Berikut ialah coretan kod JavaScript mudah yang menggunakan sifat scrollHeight bagi elemen textarea untuk melaraskan ketinggiannya secara automatik semasa pengguna menaip:

function auto_grow(element) {
  element.style.height = "5px";
  element.style.height = (element.scrollHeight) + "px";
}

Selain itu, anda boleh menambah peraturan CSS untuk menghalang kawasan teks daripada mengubah saiz dan menyembunyikan bar skrol:

textarea {
  resize: none;
  overflow: hidden;
  min-height: 50px;
  max-height: 100px;
}

Dengan kedua-dua fungsi JavaScript dan peraturan CSS di tempatnya, textarea akan melaraskan ketinggiannya secara automatik untuk menampung kandungan teks, memberikan pengalaman pengguna yang lancar dengan menghapuskan keperluan untuk bar skrol.

Atas ialah kandungan terperinci Bolehkah Pelarasan Ketinggian Automatik Menghapuskan Bar Skrol dalam Textareas?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!