Yeniden Boyutlandırma Etkinliği Tamamlandı - CSS Hileleri

Anonim

Yeniden boyutlandırılabilir jQuery UI gibi bir şeye alışkınsanız, yeniden boyutlandırma sırasında ve aynı zamanda yeniden boyutlandırmanın sonunda bağlanabileceğiniz olayları alırsınız.

Yerel JavaScript'te böyle bir olay yoktur.

Durakları yeniden boyutlandırırken çalıştırmak istediğiniz kodu çalıştırmak için bir zaman aşımı belirleyerek sahte yapabilirsiniz. Ardından, yeniden boyutlandırma etkinliği her tetiklendiğinde bu zaman aşımını temizleyin. Bu şekilde, zaman aşımı yalnızca bu zaman aşımı gerçekten biterse biter.

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

Debouncing'e benzer.