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

Question

[vintalis]

Есть

код

var $header = $('.header,.main');
  var scrollPos = 0;

  window.addEventListener('scroll', () => {
      /*    let st = $(window).scrollTop();
          let scrollDown = true;

          if ($page_index && (document.body.getBoundingClientRect()).top > scrollPos) {
              scrollDown = false;
          }*/

      if ($(window).scrollTop() > 480 /*&& scrollDown*/) {
          $header.addClass('scroll');
      } else {
          $header.removeClass('scroll');
      }

      scrollPos = (document.body.getBoundingClientRect()).top;
  });

сейчас при скролле, после прокрутки 480px вниз добавляется класс scroll .
Как сделать так что б он срабатывал, только если ширина экрана больше 720px

Answer 1

[Антон Литвиненко]

сделайте проверку

var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
if ( width > 720 ) {
	// your code
}

только заметил, что у вас смесь джейквери и нативного. на джейквери

if ( $(window).width() > 720 ) {
	// your code
}

Comments

[vintalis]

заработало спасибо, приблизительно так и думал, только не знал как сделать)

Answer 2

[Владислав Дворянинов]

Может это чем-то поможет https://developer.mozilla.org/ru/docs/Web/API/Wind... ?