javascript resize event en scroll - mobile

Question

Estoy tratando de crear un sitio web para dispositivos móviles. Tengo el evento de "cambio de tamaño" enlazado en la ventana, que debe reorganizar los elementos cuando el dispositivo móvil está girando (retrato < -> paisaje). En iPhone y Samsung Galaxy SII, el evento se desencadena cuando estoy desplazándome hacia abajo en la página, y eso no es bueno.

¿Alguna sugerencia?

Answer 1

Utilice el evento onOrientationChange y la propiedad window.orientation en su lugar.

Ver también this answer.

Aquí, enlace to a test page.

Answer 2

Guarda en caché el ancho de la ventana gráfica y en el redimensionamiento devuelve falso si el ancho sigue siendo el mismo.

Un pequeño fragmento de jQuery:

var cachedWidth = $(window).width(); 
    $(window).resize(function(){ 
     var newWidth = $(window).width(); 
     if(newWidth !== cachedWidth){ 
      //DO RESIZE HERE 
      cachedWidth = newWidth; 
     } 
    });