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

Сами по себе размеры не меняются, и действие, которое вызвало их изменение может выполнить и нужные нам операции. Однако, если сделать это затруднительно, то можно использовать библиотеку ResizeSensor.

Пример

Наведите на блок или измените ширину браузера.
Тут появится размеры блока, когда он изменит размеры

Скачать:

Ранняя версия:

JS:

jQuery:

Удаление:

sensor.detach();

или

ResizeSensor.detach(element);

ResizeSensor на github
Автор: Marc J. Schmidt

Смотрите также:

JQuery плагин для простого создания горизонтальных вкладок с анимированным выводом их содержимого

Установка размера текста и его позиции в зависимости от ширины блока

Градиенты для карточек, блоков или секций на чистом CSS

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

Ваш комментарий отправлен!