Плавная прокрутка заголовка вверх и вниз

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;

}