Готово событие изменения размера - CSS-хитрости

Anonim

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

В собственном JavaScript такого события нет.

Вы можете подделать это, установив тайм-аут для запуска кода, который вы хотите запустить, когда изменение размера останавливается. Затем очищайте этот тайм-аут каждый раз, когда срабатывает событие изменения размера. Таким образом, тайм-аут закончится, только если он действительно закончится.

var resizeTimer; $(window).on('resize', function(e) ( clearTimeout(resizeTimer); resizeTimer = setTimeout(function() ( // Run code here, resizing has "stopped" ), 250); ));

Похоже на противодействие.