Как сделать появление блока на определенной ширине?

Question

[Mark]

У меня есть код при котором блок появляться в пределах 300-800px но он почему-то не работает консоль не выбивает ошибки.
https://codepen.io/marki1404/pen/aPRaXb

Comments

[Дархан]

а может вы появление блока будете через медиа запросы делать? проще ведь будет..

[Илья]

Дархан Камалиев, а Вы знаете медиа-запросы, которые реагируют на прокрутку страницы? Может поделитесь? ))

Answer 1

[Илья]

Проверил Ваш код по ссылке -- все работает. Есть только пара-тройка замечаний.
1. У Вас в стилях блока белый фон перекрывает свойство, задающее красный фон. Это не критично, но не понятно.
2. Когда Вы обрабатываете событие скролла, при наступлении определенных условий Вы запускаете анимацию показа элемента. Даже в том случае, когда элемент уже отображается. Чувствуете проблему?
3. Вы используете jQuery вперемешку с чистым JS (селекторы на jQuery, а обработка событий -- на чистом JS). Выберите что-то одно и используйте.

Answer 2

[Mark]

Как мне забрать эти перерывы при скролле?

Answer 3

[4mobile]

как-то сложно все у вас