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

Question

[z_u_l]

Здравствуйте. Делаю липкую шапку при скролле. При скролле вниз зелёный блок скрывается, а если потянуть немного наверх - покажется, но очень резко, как сделать этот переход более плавным? Спасибо.

Ссылка на пример

Answer 1

[Stimulate]

.header.m-unpinned {
  top: 0;
  transition-property: top;
  transition-duration: 2s;
}