Готово събитие за преоразмеряване - CSS-трикове

Anonim

Ако сте свикнали с нещо като jQuery UI, което може да се преоразмерява, получавате събития, към които можете да се свържете по време на преоразмеряването, но също и в края на преоразмеряването.

Няма такова събитие в родния JavaScript.

Можете да фалшифицирате, като зададете време за изчакване, за да стартирате кода, който искате да изпълните, когато преоразмеряването спира. След това изчистете този таймаут всеки път, когато се задейства събитие за преоразмеряване. По този начин таймаутът ще приключи само ако този таймаут действително приключи.

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

Подобно на разобличаването.