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

Your Answer
To place the code, please use CodePen or similar tool. Thanks you!