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

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