0

есть функция, и нужно, чтобы она выключалась при ширине экрана меньше 1080 пикселей, а включалась при ширине больше 1080 пикселей. Такой код мне не помог:

var screenWidth = document.documentElement.clientWidth;

  if (screenWidth <= 1080 ) {
  window.onscroll = false; 
} else if(screenWidth > 1080 {
  window.onscroll = true;
}

еще постарался написать такой код для определения ключевой переменной

 var  picInd = scrolled <= 1 && screenWidth >= 1080 ? 0 : scrolled > 8 && screenWidth >= 1080 ? 9 : scrolled;

но тоже не помогло.

1 ответ 1

0

Почитай тут: https://developer.mozilla.org/ru/docs/Web/API/Window/matchMedia про функцию (или это метод, просто JS настолько гибкий, что иногда в нем методы являются функциями или наооборот) window.matchMedia

Пример:

window.onload = function(){
  window.onresize = function(){if(window.matchMedia("screen and (max-width: 2200px)").matches){
 screenWidthUpdate = null;
 console.log("function deleted");
  }
 }
}

var screenWidthUpdate = function(){
   document.write("hello <hr/>");
}

8
  • спасибо большое
    – Randall
    16 апр 2017 в 18:46
  • 1
    Это не будет работать при ресайзе окна. 18 апр 2017 в 2:30
  • 1
    @PavelMayorov Убери минус. Оберни весь этот код в window.onresize = function(){}
    – Eugen Eray
    18 апр 2017 в 5:34
  • @EugenEray нет смысла оборачивать onload внутрь onresize. Минус не уберу пока ответ не станет рабочим. 18 апр 2017 в 5:46
  • @PavelMayorov Ок поправил. Я с телефона сижу - сниппет не могу так просмотреть.
    – Eugen Eray
    18 апр 2017 в 5:55

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.