If you have more than 2 values, then position 0 takes in the value of position 1 and position 1, the latest value, will retain the current breakpoint info. The array called beforeAfterResize will only store two values in positions 0 and 1. Then use an array to save the last two states recorded while resizing.īeforeAfterResize = beforeAfterResize

must be first resize event in a seriesįirst create a method to get the active breakpoint (mobile, tablet, desktop, desktop-large) ie Breakpoint.getActive() If you want to do something before a resize, then you will have to call a function on the first resize event that you get and then not call that function again during the current resize operation. The larger the number, the longer pause it has before firing, but it's less likely to fire multiple times during the same user action. The smaller the number, the more quickly it calls your resize handler, but then it may get called multiple times. Value for the timer to see how you like it. put your resize logic here and it will only be called when : More efficient way to handle $(window).scroll functions in jquery? and you could use the same concept for resize like this:ĬlearTimeout(resizeTimer) // clear any previous pending timer

This previous answer of mine listens for theĮvent, but it's the exact same concept as

Javascript resize event