Comers
@Comers
Frontend Dev.

Как запускать js при определенном разрешении экрана?

Не могу сделать "адаптивность" скрипта JS. Почему-то не работает. Пробовал такое:
$(window).resize(function() {
  if(document.documentElement.clientWidth > 1200) {
    // скрипт
  }
});


и

window.onresize = function(event) {
  if(window.innerWidth >= 1200) {
    // скрипт
  }
});


и

if (document.body.clientWidth>1200){
   // скрипт
}


Подскажите как сделать?
  • Вопрос задан
  • 1734 просмотра
Решения вопроса 1
Deonisius
@Deonisius
Родился в 11110110111 году, 11000 января.
А почему бы не использовать медиа-запросы? matchMedia
Простенький пример
var mediaQuery = window.matchMedia("screen and (min-width: 600px)");
mediaQuery.addListener(foo);
foo(mediaQuery);

function foo(mq) {
    document.body.style.backgroundColor = mq.matches ? '#f00' : '#060';
}
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
barkalov
@barkalov
Код выглядит рабочим.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы