Estoy tratando de agregar un javascript para verificar el ancho de la ventana y producir un estilo diferente dependiendo de si está por encima o por debajo de un punto de interrupción de medios específico. Todo parece funcionar como se esperaba, sin embargo, cuando hago la transición entre los dos puntos de interrupción, se rompe y puedo ver en las herramientas de desarrollo que el estilo no se actualiza. Si luego actualizo todo se ve bien nuevamente.

Código de muestra:

 if (window.matchMedia("(min-width: 768px)").matches) { this.$obj.show().delay(200).animate({'bottom': '0'}, 1000); } else { this.$obj.show().delay(200).animate({'top': '0'}, 1000); }

¿Cómo puedo hacer que esto funcione al expandir y contraer la ventana en lugar de solo en la carga de la página inicial?