Событие “Resize()” срабатывает на телефоне даже если просто прокручивать страницу

303

09 августа 2017, 22:03

Здравствуйте. На сайте есть галерея, которая берет нужное количество картинок в зависимости от размера экрана. Была проблема, что при изменении размера экрана (перевернуть телефон) галерея оставалась прежней, поэтому я добавил событие resize, но если запускать сайт именно с телефона, то оно срабатывает даже если ты просто листаешь страницу (в отладке от googlegchrome в телефонном режиме не срабатывает). Что можно сделать в этой ситуации, или может есть другое событие?

$(window).resize(function(){
    pushImages(lastArray);
});

Answer 1

Встречал данный вопрос где-то на просторах английского Stack overflow. Чем обусловлен данный баг было непонятно, но в качестве решения предлагалось хранить ширину окна. И когда срабатывает resize, проверять, действительно ли ширина изменилась.

// Сохраняем где-то ширину
var saved_width = $(window).width();
// В нужном месте ставим проверку
if ($(window).width() != saved_width) {
    return false;
} else {
    return true;
}

UPD нашёл тему: вот

UPD2 Как мне подсказывает @Regent в комментариях, баг был связан со строкой ввода адреса, которая то скрывается, то появляется.

UPD3 @Regent Нужно не забывать обновлять значение saved_width