Как можно словить момент между переключением @media screen-(а) с помощью js на несколько секунд?

Question

[rokha]

Как можно словить момент,между переключением media screen and (max-width: 880px) media screen and (max-width: 780px) на js и на несколько секунд. В этот промежутке добавить класс "_nottransition"

Comments

[Flying]

Сама постановка вопроса говорит о том, что вы пытаетесь решать какую-то другую задачу и придуманное вами решение не работает. Возможно вам стоит дополнить вопрос, описав реальную задачу которую вы пытаетесь решить?

Переходы между медиа-запросами вряд-ли генерируют события JavaScript, поскольку это другая подсистема браузера. Конечно можно придумать костыль, например через проверку window.matchMedia в setInterval, но это будет именно костылём и так лучше не делать. Вероятно ваша реальная задача просто решается по-другому, но для этого вам необходимо описать именно её.

[rokha]

Flying, Добрый день, у меня Slick-slider дергается при изменении media screen (то есть ширины контейнера).Где-то я прочитал что это из-за transition.Хотел бы попробовать словить момент ,при изменении ширины и дать transition: 0s; на несколько секунд. Не уверен что в правильном направлении если честно.

[Сергей delphinpro]

rokha, Какого рода "дергания"? Какова конфигурация слайдера?
Кажется я уже видел ваш предыдущий вопрос. Лучше там все опишите.

Answer 1

[Сергей delphinpro]

Window/matchMedia

Comments

[Flying]

Это всё-таки не будет решением, поскольку позволит только проверить попадание в тот или иной запрос, но не смену применимости запросов.

Здесь более актуальным было бы дополнить matchMedia отслеживанием resize и orientationchange, но не факт что у автора задача не в какой-то другой области.

[Сергей delphinpro]

Flying, Забудьте про resize уже! После появления matchMedia у него осталась совсем узкая сфера применения.

Прочитайте внимательно документацию по предложенному API – точно также можно вешать слушателей на изменение состояния медиа-запроса. Причём, в отличие от resize, этот обработчик будет вызван лишь единожды при каждом попадании в описанный запрос, а не на каждое изменение размера области просмотра.

[Сергей delphinpro]

Flying, Но вы правы в том, что это не решение для данной задачи автора. Это стало понятным после его комментария выше. Не теми методами решает пролему.

[Flying]

Сергей delphinpro, Большое спасибо, прочитал документацию про matchMedia более подробно, обратил внимание на возвращаемое значение, не был в курсе возможности повесить туда обработчик