Определение изменения размера элемента

Пример

Наведите на блок или измените ширину браузера.

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

Скачать:

Скачать: ResizeSensor.js
Скачать: ResizeSensor.min.js

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

Скачать: ResizeSensor.js
Скачать: ResizeSensor.min.js

JS:

var element = document.querySelector('.div-resize');	
var sensor = new ResizeSensor(element, function(){
	// Действие при изменении размеров элемента с классом div-resize
});

var element = document.querySelector('.div-resize');

var sensor = new ResizeSensor(element, function(){

// Действие при изменении размеров элемента с классом div-resize

});

jQuery:

var element = $('.div-resize');
var sensor = new ResizeSensor(element, function(){
	// Действие при изменении размеров элемента с классом div-resize
});

var element = $('.div-resize');

var sensor = new ResizeSensor(element, function(){

// Действие при изменении размеров элемента с классом div-resize

});

Удаление:

sensor.detach();

или

ResizeSensor.detach(element);

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

Пример

Скачать:

JS:

jQuery:

Удаление:

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

Уголки и рамки на CSS

Оформление блоков с иконками

Секция с шестиугольными фотографиями

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

Разделы:

Фоновая анимация на JS

Простые решения: