滚动时导航栏的弹跳/缓动动画

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/