Как сделать плавное появление и исчезновение блока?

Question

[Mark]

У меня есть бургер меню. Я хочу, чтобы если я дойду до 890пх тогда надпись main плавно появится. А во всех других случаях скрывалась. Я не понимаю, javascript создает какие-то непонятные задержки.
https://codepen.io/marki1404/pen/JwaXmL

Answer 1

[RAX7]

Событие onscroll срабатывает на каждый поворот колесика мышки, и на каждое событие вы пытаетесь анимировать элементы. Анимацию нужно запускать один раз только когда scrollTop проходит точку 890px.
https://codepen.io/anon/pen/PXdzRz?editors=1010

Comments

[Rustam Bainazarov]

И ещё хотелось бы добавить, что лучше не margin, а transform.

[Mark]

благодарю за помощь