向上和向下平滑滚动标题

Question

在向上滚动页面时，我已经设法在网站标题（www.coreseven.media）上实现了平滑滚动功能，我想知道在向下滚动时是否可以进行相同的平滑过渡？现在，向下滚动页面时，标题立即消失。

我猜我使用的代码可以双向工作吗？

我使用过的JS代码：

jQuery ( function($) {

var tempscroll = 0;
$(window).scroll(function(event){
   var scrollTop = $(this).scrollTop();
   if (scrollTop > tempscroll){ //Remove fixed positioning when scrolling down
      if ( $('.x-navbar-fixed-top').hasClass('x-navbar-fixed-top') ) $('.x-navbar-fixed-top').removeClass('x-navbar-fixed-top')
   } 
   tempscroll = scrollTop;

});

} );   

我使用过的CSS：

.x-navbar{
    transition: transform ease 00ms;
    transform: translate3d(0px,0px, 0);
}

.x-navbar-fixed-top{
    transition: transform ease 600ms;
    -webkit-transform: translate3d(0px, 29px, 0);
    -webkit-transition: -webkit-transform ease 600ms;

}