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

Пример

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

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

Скачать:

Скачать: 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:

Удаление:

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

Анимированный Tab Bar

Новогодняя открытка

Мозайка изображений или контента

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