мобільний chrome fires змінює розмір події на прокрутці -

Я використовую мобільний браузер chrome на galaxy s4, android 4.2.2, і чомусь кожного разу, коли я прокручую сторінку вниз, він запускає подію зміни розміру, підтверджену масштабуванням зображень із слайд-шоу jquery.cycle2.

Будь-яка ідея, чому це може відбуватися?

Просто для цікавості, я намагався відтворити його, і якщо я правильно, це викликано навігаційною хромованою панеллю.

Коли ви прокручуєте вниз і chrome приховує панель навігації браузера, він створює розмір вікна, але це правильно, оскільки після цього ми маємо більший розмір вікна через вільний простір, який залишилася панель навігації браузера.

Пов’язана стаття: https://developers.google.com/web/updates/2016/12/url-bar-resizing

Це звучить дивно, але я бачив це в інших браузерах. Ви можете обійти це так.

var width = $(window).width(), height = $(window).height();

тоді у вашому обробнику подій зміни розміру ви можете це зробити.

if($(window).width() != width || $(window).height() != height){
  //Do something
}

Я не знаю сферу ваших функцій і все таке, але вам слід зрозуміти суть цього.

Не знаю, все ще цікаво, але моє рішення:)

var document_width, document_height;

$(document).ready(function()
{
	document_width=$(document).width(); document_height=$(document).height();
    // Do something
}

$(window).resize(function()
{
    if(document_width!=$(document).width() || document_height!=$(document).height()) 
    {
        document_width=$(document).width(); document_height=$(document).height();
        // Do something
    }
}	

На запитання вже було дано відповідь, але оскільки це питання не порушує питання адаптивних сайтів, я хотів би додати деяку інформацію щодо цього.

Я зіткнувся з цією проблемою в Chrome на Android під час розробки адаптивного веб-сайту. При зміні розміру вікна я хочу приховати меню (через деякі елементи дизайну, які потребують належного позиціонування), але Chrome для поведінки Android для активації події зміни розміру на прокрутці зробив це дещо складним ..

Переключення на початок використання onOrientationChange було неможливим, оскільки це адаптивний веб-сайт, настільний ПК не змінює орієнтацію, але мені все одно потрібен код для роботи як на звичайному ПК: планшетах, так і на смартфонах.

Я міг би почати нюхати браузер і таке інше, але поки що мені вдалося цього уникнути ..

Я намагався реалізувати рішення, запропоноване CWitty, але оскільки прокрутка вгору або вниз фактично викликає зміну висоти, яка теж не спрацювала.

У підсумку я додав умову, яка приховує меню лише при зміні ширини, а не при зміні висоти. У моєму випадку це працює, оскільки мені потрібно переписати меню лише при зміні ширини.

Браузери в мобільних пристроях часто приховують свою горизонтальну верхню панель навігації, коли хтось прокручує вниз, і показують її знову при прокручуванні вгору. Ця поведінка впливає на розмір клієнта, запускаючи подію зміни розміру. Вам просто потрібно контролювати невиконання коду через зміну висоти або, принаймні, через цю зміну висоти.

Це копія події зміни розміру Javascript на мобільному пристрої для прокрутки

Щоб виправити це, використовуйте onOrientationChange та властивість window.orientation. Дивіться відповідну відповідь: тут

Виявляється, є багато речей, які можуть запускатися resizeв різних мобільних браузерах.

Я знаю, що не ідеально посилатися на зовнішній ресурс, але QuirksMode має читабельну таблицю, яку я не хочу дублювати (або підтримувати) тут: http://www.quirksmode.org/dom/events/resize_mobile.html

Тільки для наведення прикладу, того, який нас дістав: очевидно, у багатьох браузерах відкриття програмної клавіатури запускає подію.