Как убрать модальное окно на сайте кнопкой "назад" на телефоне?
На сайте есть модальные окна, которые хорошо работают на ПК-версии, но на мобильной есть проблема. Если на сайте открыто попап-окно, и нажать на кнопку "Назад", то окно не скроется (как хотелось бы), а сайт просто закроется. Это максимально неудобно и проблематично.
Было предложение добавить пустой якорь в строку поиска при открытии окна. Но если нажать "Назад", то тогда якорь убирается, сайт скроллится вверх, а окно остаётся. Может, есть способ как-то допилить этот вариант? Или есть другие решения?
Буду благодарен, если поможете. Спасибо.
Ответы (1 шт):
Автор решения: Vadizar
→ Ссылка
Можно переопределить кнопку «Назад» с помощью addEventListener. Логика примерно следующая:
document.addEventListener('backbutton',() => {
// Проверяем, есть ли на модальном окне .visible
// Убираем .visible с модального окнаа
});