1 Востаннє редагувалося ktretyak (10.01.2015 14:54:49)

Тема: Як можна (в JS або JQ) прослуховувати подію при зміні .height()

Створюю простенький веб-редактор, який за допомогою JavaScript перекладає Markdown-код в HTML-код.

Найзручніше місце форми вводу я знайшов нижче div'а, де вже показується готовий HTML. В такому разі, зразу над формою користувач бачить результат перекладу.

Проблема в тому, що форма вводу постійно відсовується вниз, а тому приходиться постійно переключатись між прокручуванням вікна і введенням тексту.

Хочу ловити подію збільшення внутрішньої висоти $('#my_div').height() і відповідно автоматично прокручувати вікно вгору.

Ніхто не в курсі чи можна це якось відловити?

2

Re: Як можна (в JS або JQ) прослуховувати подію при зміні .height()

Таке?
upd
От ще отака функція є

x
Подякували: ktretyak1

3

Re: Як можна (в JS або JQ) прослуховувати подію при зміні .height()

Дякую, Chemist-i.

Перший варіант більше підходить. Другий - стосується зміни вікна самого браузера, а не вікна елемента, який через нього проглядають. Але підказка в другому прикладі цікава, зараз пориюсь там.

4 Востаннє редагувалося ktretyak (10.01.2015 18:10:44)

Re: Як можна (в JS або JQ) прослуховувати подію при зміні .height()

Здається ось знайшов як по правильному це зробити

Оновлено:
Ні, не підходить, бо цей приклад працює виключно на події, коли користувач вручну прокручує сторінку. Намагався його якось прикрутити... не вийшло.

5

Re: Як можна (в JS або JQ) прослуховувати подію при зміні .height()

Думаю немає таких стандартних подій в JS, які слухають зміни в DOM і які доступні у тому числі у IE (хоча читав і про MutationObserver)

Вирішив просто зробити setTimeout() коли користувач набиратиме текст.

P.S. Це я готую український хабр ;)

Подякували: 0xDADA11C71

6

Re: Як можна (в JS або JQ) прослуховувати подію при зміні .height()

Більше на Тостер схоже.

7

Re: Як можна (в JS або JQ) прослуховувати подію при зміні .height()

Sensetivity написав:

Більше на Тостер схоже.

Що саме на тостер схоже? Форма? На тостері такої немає...

8

Re: Як можна (в JS або JQ) прослуховувати подію при зміні .height()

ktretyak написав:
Sensetivity написав:

Більше на Тостер схоже.

Що саме на тостер схоже? Форма? На тостері такої немає...

Дуже схожа є. Чи просто дизайн схожий...

9

Re: Як можна (в JS або JQ) прослуховувати подію при зміні .height()

Сайт http://plnkr.co/ не мій, я дав лінк на приклад коду, який вирішує проблему, описану в даній темі.