Javascript изменение размера события на прокрутке - мобильный

Я пытаюсь создать сайт для мобильных устройств. У меня есть событие "изменить размер", привязанное к окну, которое должно переставлять элементы при повороте мобильного устройства (портрет ↔ пейзаж). На iPhone и Samsung Galaxy SII событие срабатывает, когда я прокручиваю страницу вниз, и это плохо.

Любые предложения?

Ответы

Ответ 1

Используйте событие onOrientationChange и свойство window.orientation.

Также см. этот ответ.

Здесь ссылка на тестовую страницу.

Ответ 2

Загрузите ширину окна просмотра, а при изменении размера возвратите значение false, если ширина остается прежней.

Небольшой фрагмент jQuery:

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