.show-on-scroll-up {
  position: sticky;
  top: 101px; /* height of top bar */
  z-index: 999;
  transition: transform 0.25s ease, opacity 0.25s ease;
}

/* hidden when scrolling down */
.show-on-scroll-up.hide {
  transform: translateY(-120%);
  opacity: 0;
  pointer-events: none;
}