textArea auto height ]

Этот вопрос исследует, как автоматически регулировать высоту текстовой системы, чтобы соответствовать длине его содержания, эффективно устраняя необходимость в вертикальном прокрутке. Количество текста, которое они содержат. Если текст превышает предопределенную высоту, он становится недоступной и требует прокрутки.

решение, предоставленное здесь Определяется функция, называемая «auto_grow», которая сначала устанавливает высоту текста на «5px». Это гарантирует, что он имеет минимальную высоту. Впоследствии он читает свойство «Scrollheight» Textarea, которое представляет высоту его содержания. Затем высота регулируется в соответствии с этим значением, эффективно делая динамику высоты текста. Изменение размера: нет; переполнение: скрыто; Мин-высот: 50px; Макс-высот: 100px; }

этот CSS удаляет встроенные ручки изменения размера, предотвращает видимый переполнение и устанавливает минимальные и максимальные ограничения высоты. onInput = "auto_grow (this)">

это прикрепляет событие «oninput» к текстовой функции, которая запускает функцию «auto_grow» всякий раз, когда пользователь входит в текст. В результате высота Textarea динамически приспособлена к длине его контента, обеспечивая беспрепятственный пользовательский опыт.