Bounce/Ease 滚动时导航栏的动画

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

CSStransition-timing-function属性的值为ease-in。

更多：https://developer.mozilla.org/en-US/docs/Web/CSS/transition-timing-function

这是一个演示：https://jsfiddle.net/os1Ld8fj/1/

Bounce/Ease 滚动时导航栏的动画

Bounce/Ease animation for nav bar when scrolling

javascript

css

jquery

navbar

jquery-animate