Задать вопрос
@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
  • Вопрос задан
  • 147 просмотров
Подписаться 1 Средний Комментировать
Решения вопроса 1
AntonLitvinenko
@AntonLitvinenko
HTML coder
сделайте проверку
var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
if ( width > 720 ) {
	// your code
}

только заметил, что у вас смесь джейквери и нативного. на джейквери
if ( $(window).width() > 720 ) {
	// your code
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@Vlad16
Веб-программист
Может это чем-то поможет https://developer.mozilla.org/ru/docs/Web/API/Wind... ?
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы