Я пытаюсь создать сайт для мобильных устройств. У меня есть событие "изменить размер", привязанное к окну, которое должно переставлять элементы при повороте мобильного устройства (портрет ↔ пейзаж). На iPhone и Samsung Galaxy SII событие срабатывает, когда я прокручиваю страницу вниз, и это плохо.
Любые предложения?
Используйте событие onOrientationChange и свойство window.orientation.
Также см. этот ответ.
Здесь ссылка на тестовую страницу.
Загрузите ширину окна просмотра, а при изменении размера возвратите значение false, если ширина остается прежней.
Небольшой фрагмент jQuery:
var cachedWidth = $(window).width();
$(window).resize(function(){
var newWidth = $(window).width();
if(newWidth !== cachedWidth){
//DO RESIZE HERE
cachedWidth = newWidth;
}
});