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

Question

[z_u_q]

Здравствуйте! Поведение: когда скроллю вниз, то блоки "head-top" и "desc" не видны, если немного проскролливаю обратно, то опять появляются. Я анимировал top, но это работает не совсем плавно. Что можно анимровать с такой структурой верстки? Как сделать показывание блоков "head-top" и "desc" более плавным? Спасибо.
Ссылка на пример

Comments

[Сергей delphinpro]

transform работает лучше.

[z_u_q]

Сергей delphinpro, не совсем понимаю, ка при текущей структуре мне заюзать transfrom)

[Сергей delphinpro]

z_u_q, я неправильно понял вопрос

Answer 1

[Сергей delphinpro]

Comments

[z_u_q]

Спасибо. Но не совсем то, когда скроллим вниз, а потом скроллим вверх немного, то должны появляться блоки top info и desc. Т.е. должно быть как у меня сейчас, только плавнее.

[Сергей delphinpro]

z_u_q, а, понимаю кажется, — как на мобильниках скрывается и показывается панель браузера?

[z_u_q]

Сергей delphinpro, да аналогично