событие изменения размера javascript на свитке - мобильный

Question

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

Есть предложения?

Answer 1

Кэшировать ширину области просмотра и при изменении размера вернуть false, если ширина все еще остается неизменной.

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

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

Answer 2

Вместо этого используйте событие onOrientationChange и свойство window.orientation.

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

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