Как сделать чтобы скрипт работал только при определенной ширине окна?
Всем привет!
Нашел статью о том как сделать меню аккордеон, вот собственно сама статья.
Мне нужно чтобы МЕНЮ работало как аккордеон при ширине окна меньше 540px.
Пробовал через событие RESIZE, возникали проблемы связанные с тем что, если у пользователя ширина окна изначально меньше 540px, то скрипт не сработает.
Как мне сделать, чтобы при окне меньше 540px, скрипт работал, а если больше 540px - нет?
Всем спасибо!
Ответы (1 шт):
Автор решения: Vasily
→ Ссылка
Для этого можно воспользоваться методом интерфейса window, под названием matchMedia:
if (window.matchMedia("(max-width: 540px)").matches) {
// ... ваша логика
// которая не станет выполняться
// если размер больше 540px
}