Откат/простота анимации для навигационной панели при прокрутке

Question

Кто-нибудь знает, как этот сайт отскакивает от навигационной панели вверху, когда пользователь не находится в верхней части страницы?

http://whois.domaintools.com/

Это то, что я получил до сих пор.

if(scrollTop > 0){ 
       console.log(scrollTop); 
       if(nav.hasClass('navbar-static-top')){ 
        nav.removeClass('navbar-static-top').addClass('navbar-fixed-top'); 
       } 
      } else { 
       if(nav.hasClass('navbar-fixed-top')){ 
        nav.removeClass('navbar-fixed-top').addClass('navbar-static-top'); 
       } 
      } 

Это работает, но я не могу показаться, чтобы получить эффект отскока :( Любой человек имеет какие-либо идеи?

Спасибо всем :)

Answer 1

CSS-transition-timing-function свойство имеет значение ease-in.

Подробнее: https://developer.mozilla.org/en-US/docs/Web/CSS/transition-timing-function

Вот демо: https://jsfiddle.net/os1Ld8fj/1/