<style>
/* Zero block ID */
    #rec497157431 {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        transition: 1s;
        z-index: 99;
    }
    .header_hidden {
      transform: translateY(-100%);
    }
</style>
<script>
    $(document).ready(() => { 

  const onScrollHeader = () => { 

    const header = $('#rec497157431') // header zero bock тың ID кодын жазамыз #rec497157431

    let prevScroll = $(window).scrollTop() 
    let currentScroll 

    $(window).scroll(() => { 

      currentScroll = $(window).scrollTop() 

      const headerHidden = () => header.hasClass('header_hidden') 
      if (currentScroll > prevScroll && !headerHidden()) { 
        header.addClass('header_hidden') // Егер төменге скролл жасасақ header-ді жасырамыз
      }
      if (currentScroll < prevScroll && headerHidden()) { 
        header.removeClass('header_hidden') // Егер жоғарыға скролл жасасақ header-ді көрсетеміз
      }

      prevScroll = currentScroll 

    })

  }

  onScrollHeader() 

})

</script>