Всем здравия! Как мне, например, на @media(max-width: 992px)
задействовать определенный кусок JS кода?
То есть до 992px
у меня работает один код, а после 992px
уже другой.
Для этого можно воспользоваться методом интерфейса window, под названием matchMedia:
if (window.matchMedia("(max-width: 992px)").matches) {
// работает один код
} else {
// работает уже другой
}
Необходимо работать с шириной окна именно на стороне JS.
if(document.documentElement.clientWidth < 992){
doSomething()
}else{
doSomething2()
}
И еще, это хорошо бы вставить и при загрузке и при resize, что бы все не сломалось при повороте экрана смартфона,например.