Странный баг css transition, как исправить?

Question

[Anarchy]

Есть блок, который при прокрутке сначала исчезает (top: -100px;), а потом выезжает сверху (top: 0; )и остается плавающим. Анимация сделана с помощью свойства transition. И почему-то если плавно прокручивать страницу все красиво выезжает сверху как и задумывалось, а если прокрутить страницу быстро, то блок просто резко появляется. Что можно с этим сделать?
https://jsfiddle.net/Vampire/b8t7rkar/2/

Answer 1

[Павел]

не знаю как , но так работает https://jsfiddle.net/b8t7rkar/3/

Comments

[Anarchy]

Спасибо)