javascript - evento - window addeventlistener resize

javascript resize evento en scroll-móvil

Question

Estoy tratando de hacer un sitio web para móviles. Tengo el evento "redimensionar" enlazado en la ventana, que debe reorganizar los elementos cuando el dispositivo móvil está girando (retrato <-> horizontal). En iPhone y Samsung Galaxy SII, el evento se activa cuando me desplazo hacia abajo en la página, y eso no es bueno.

¿Alguna sugerencia?

Answer 1

Almacene en caché el ancho de la ventana gráfica y, al cambiar el tamaño, devuelva false 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;
        }
    });

Answer 2

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

También vea esta respuesta .

Aquí enlace a una página de prueba .