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

18

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

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

    
задан gabitzish 20.02.2012 в 14:31
источник

2 ответа

6

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

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

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

    
ответ дан scessor 20.02.2012 в 14:35
источник
37

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

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

    var cachedWidth = $(window).width();
    $(window).resize(function(){
        var newWidth = $(window).width();
        if(newWidth !== cachedWidth){
            //DO RESIZE HERE
            cachedWidth = newWidth;
        }
    });
    
ответ дан sidonaldson 19.06.2014 в 18:48
источник