How to show menu when scrolling up on finished css?

• 0
  hello dear))
  there is a code like
  

  /* NAVBAR */
  .navbar {
    width: 100%;
    height: 78px;
    display: flex;
    flex-wrap: wrap;
    padding: 20px 60px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 11;
    transform: translateY(-200%);
    -webkit-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88);
    -moz-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88);
    -o-transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88);
    transition: all 400ms cubic-bezier(0.595, 0.03, 0, 0.88);
    /* custom */
    -webkit-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
    -moz-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
    -o-transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
    transition-timing-function: cubic-bezier(0.595, 0.03, 0, 0.88);
    /* custom */
    transition-delay: 0.8s;
  	/* custom */
  }
  .navbar.hide {
    transform: translateY(-100%);
  }
  .navbar .logo {
    margin-left: 0;
    margin-right: 30px;
  }
  .navbar .logo img {
    height: 45px;
  }
  .navbar .email-us {
    margin-left: 0;
    margin-right: auto;
    color: #fff;
    font-size: 14px;
  }
  .navbar .email-us a {
    color: #808080;
    text-decoration: underline;
  }
  .navbar .email-us a:hover {
    color: #fff;
  }
  .navbar .email-us a span {
    color: #fff;
    text-decoration: underline;
  }
  .navbar .languages {
    margin-right: 50px;
    font-family: "Fjalla One", sans-serif;
  }
  .navbar .languages a {
    float: left;
    margin-left: 10px;
    color: #808080;
    font-size: 14px;
    color: #808080;
  }
  .navbar .languages a:hover {
    color: #33a16e;
    text-decoration: none;
  }
  .navbar .languages a.active {
    color: #fff;
  }
  .navbar .sandwich-nav {
    margin-right: 0;
  }
  .navbar .sandwich-nav b {
    font-size: 14px;
    line-height: 38px;
    color: #fff;
    font-weight: 400;
    font-family: "Fjalla One", sans-serif;
  }
  .navbar .sandwich-nav .circle {
    width: 38px;
    height: 38px;
    float: right;
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    margin-left: 10px;
    position: relative;
    cursor: pointer;
  }
  .navbar .sandwich-nav .circle.open {
    border-color: #fff;
    background: #fff;
  }
  .navbar .sandwich-nav .circle.open span {
    background: #000;
  }

  
  
  Help turn it to show it when scrolling up)
  I know what you can hang on jQuery
  now it is hidden scrolling down ... site team.otgamera.ru
  in the code I do not rummage at all (((learning))
  help with the finished code)))

  CSS Savannah Meyers, Jul 24, 2019

---

1 Answers
• 0
  Apply position to the menu: sticky;

  Anonymous

---