Иногда нужно следить за поведением блочного элемента и запускать дополнительный код при изменении его размера.
Актуально для адаптивной верстки или загрузки контента через AJAX, когда размеры блочного элемента заранее не известны.
Например, у меня адаптивная верстка, так что при уменьшении ширины окна некоторые пункты основного горизонтального меню перемещаются в дополнительное вертикальное меню, которое открывается при наведении мыши.
В моем случае они учитывают граница, отступы, полоса прокрутки И содержание блочный элемент, но вы можете изменить код в соответствии с вашими потребностями.
P.S. Все браузеры, кроме IE 9 включительно.
Теги: #JavaScript #изменение размера #адаптивное меню #JavaScript #HTML<html> <head> <meta charset="UTF-8"> </head> <body onload="javascript:res(0,0,0,0)"> <script type="text/javascript"> function res(width, height, timeout, validation) { var item = document.getElementById('test_two');
Вместе с данным постом часто просматривают:
-
Техническая Разведка
19 Oct, 24 -
Пусть Тесты Подтвердят Себя Сами
19 Oct, 24 -
Утечка Исходных Кодов Веб-Сервисов Аэрофлота
19 Oct, 24 -
Два Интервью Об Оборудовании И Виртуализации
19 Oct, 24 -
Опрос Пользователей Игрового Linux
19 Oct, 24