Ошибка Mmenu.js 9.3 в устройстве Android – сбойJquery

Программирование на jquery
Ответить Пред. темаСлед. тема
Anonymous
 Ошибка Mmenu.js 9.3 в устройстве Android – сбой

Сообщение Anonymous »

Я использую последнюю версию mmenu.js и заметил, что когда я пытаюсь отобразить слишком много элементов в mmenu, происходит сбой. Страница мерцает(глючит) и значительно тормозит. Интересно, что я наблюдал эту проблему только на устройствах Android, использующих браузер Chrome.
Я смоделировал две версии на Codepen:Первая версия — глючная, с 417 пунктами в мобильном меню:
Версия с ошибками — Codepen
Видео тестирования — YoutubeВторая версия идентична первой, но содержит всего 224 элемента. Этот работает нормально:
Рабочая версия — Codepen
Тестовое видео — Youtube
Инициализация:

Код: Выделить всё

document.addEventListener('DOMContentLoaded', function () {
//Mmenu initialize

const menu = new Mmenu( "#js-mobile-nav", {
"offCanvas": {
"position": "left-front"
},
"counters": {
"add": true
}
}, {
offCanvas: {
page: {
selector: ".main-content"
}
}
});

const api = menu.API;

//Hamburger menu click event
document.querySelector("#js-hamburger-icon").addEventListener(
"click", (evnt) => {
evnt.preventDefault();
api.open();
}
);

document.querySelector(".js-close-menu").addEventListener(
"click", (evnt) => {
evnt.preventDefault();
api.close();
}
);
});
Устройства, на которых я тестировал и столкнулся с проблемой:
Реальное устройство:
Xiaomi 11T – Android 14 UP1A.231005.007
Chrome 125.0.6422.72
Стек браузера:
Samsung Galaxy S22 v12.0 - Android 12
Chrome 123.0.6312.40
Я также записал видео, демонстрирующее ошибку.
Что может быть причиной этой проблемы? Есть ли способ решить эту проблему? Прав ли я, полагая, что проблема связана с большим количеством элементов?
Спасибо за помощь!
Что я пробовал :
Изначально я загрузил свое меню из 417 пунктов, используя последнюю версию mmenu.js. Я ожидал, что меню будет плавно обрабатывать большое количество элементов, как и с меньшим количеством элементов.
Чего я ожидал:
Я ожидал мменю для отображения всех элементов без каких-либо проблем с производительностью, таких как мерцание или замедление всей страницы.
Что на самом деле произошло:
Когда я загрузил меню с 417 пунктами, страница начала мерцать и существенно тормозить. Эта проблема возникала только на устройствах Android, использующих Chrome. Однако когда я уменьшил количество пунктов до 224, меню заработало идеально, без каких-либо сбоев.

Подробнее здесь: https://stackoverflow.com/questions/785 ... -glitching
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение
  • Навигация по скрытым элементам – mmenu.js v5.7.8
    Anonymous » » в форуме Jquery
    0 Ответы
    34 Просмотры
    Последнее сообщение Anonymous
  • Как изменить заголовок меню в jQuery mmenu
    Anonymous » » в форуме Jquery
    0 Ответы
    7 Просмотры
    Последнее сообщение Anonymous
  • Bootstrap Modal и Mmenu Menu Clashing
    Anonymous » » в форуме Jquery
    0 Ответы
    11 Просмотры
    Последнее сообщение Anonymous
  • Bootstrap Modal и Mmenu Menu Clashing
    Anonymous » » в форуме CSS
    0 Ответы
    3 Просмотры
    Последнее сообщение Anonymous
  • Конфликт mmenu.js и Google CSE
    Anonymous » » в форуме Javascript
    0 Ответы
    2 Просмотры
    Последнее сообщение Anonymous

Вернуться в «Jquery»