Событие При Изменении Размера Элемента Блока — Изменение Размера

Иногда нужно следить за поведением блочного элемента и запускать дополнительный код при изменении его размера.

Актуально для адаптивной верстки или загрузки контента через AJAX, когда размеры блочного элемента заранее не известны.

Например, у меня адаптивная верстка, так что при уменьшении ширины окна некоторые пункты основного горизонтального меню перемещаются в дополнительное вертикальное меню, которое открывается при наведении мыши.

В моем случае они учитывают граница, отступы, полоса прокрутки И содержание блочный элемент, но вы можете изменить код в соответствии с вашими потребностями.

P.S. Все браузеры, кроме IE 9 включительно.

   

<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');

Теги: #JavaScript #изменение размера #адаптивное меню #JavaScript #HTML
Вместе с данным постом часто просматривают:

Автор Статьи


Зарегистрирован: 2019-12-10 15:07:06
Баллов опыта: 0
Всего постов на сайте: 0
Всего комментарий на сайте: 0
Dima Manisha

Dima Manisha

Эксперт Wmlog. Профессиональный веб-мастер, SEO-специалист, дизайнер, маркетолог и интернет-предприниматель.