VDS за 300р от нашего партнера SpaceWeb
[61]
01 Ноя 2013, 12:02

Изменение высоты textarea при вводе текста

Привет!

Подскажите, как можно изменять высоту textarea при вводе в него текста? Сейчас у появляется скроллинг, возможно ли увеличить размер без полосы прокрутки?

Комментарии (1)
grom 02.11.2013 12:31

По простому я делаю так:

<textarea id="textarea" style="margin: 0px; padding: 0px; height: 20px; line-height: 20px; outline: none; overflow:hidden;  resize:none;"></textarea>

$(document).ready(function()
{
var textarea= $('#textarea');

textarea.height(textarea.get(0).scrollHeight);

textarea.on('keyup input', function(){
var $this = $(this);
$this.height(1);
$this.height(this.scrollHeight);
});
});

Минус только в том, что в IE немного притормаживает.
+2

Добавить комментарий

Войдите, чтобы написать о чем-нибудь...
Вход Регистрация
Web.onRails
Здесь вы можете спросить или написать обо всём, что касается Веб-разработки.
написать о чем-нибудь...
Метки:
Лучшее
[52]
16 Окт 2011, 15:38
Вывести все элементы POST
[просмотров 14074]
[74]
31 мая 2011, 11:48
Python проверка существования переменной
[просмотров 9732]
[4]
10 Окт 2018, 15:33
Как запретить просмотр сайта по IP?
[просмотров 8995]
[100]
19 Дек 2014, 16:16
User-agent для Internet Explorer 11
[просмотров 8858]
[315]
11 Авг 2011, 00:21
Спецификация HTML5 от W3C
[просмотров 7363]
[125]
21 Июл 2011, 14:04
Python Imaging Library (PIL)
[просмотров 7090]
[315]
16 Июл 2011, 20:03
Python работа с MySQL
[просмотров 5134]

Вести с Хабра