oasis.js

var scrollToRevealArray = document.querySelectorAll(".scroll-to-reveal");
var ctaBtn = document.querySelector(".cta");
var mobileList = document.querySelector(".mobile-list");
var navIcon = document.querySelector(".nav--icon");
var btns = document.querySelectorAll(".js-btn");
var mobilebtns = document.querySelectorAll(".js-mobile-btn");
var sections = document.querySelectorAll(".js-section");
var slider = tns({
  container: ".slide__container",
  arrowKeys: true,
  controlsText: [
    '<i class="fas fa-angle-left"></i>',
    '<i class="fas fa-angle-right"></i>'
  ],
  nav: false
});

//in page scrolling for documentaiton page
function setActiveLink(event, buttons) {
  for (var i = 0; i < buttons.length; i++) {
    buttons[i].classList.remove("selected");
  }
  event.target.classList.add("selected");
}

function smoothScrollTo(i, buttons, event) {
  var element = sections[i - 1] || sections[i - 8];
  setActiveLink(event, buttons);

  if (mobileList.classList.contains("show")) {
    mobileList.classList.toggle("show");
  }

  window.scrollTo({
    behavior: "smooth",
    top: element ? element.offsetTop - 100 : 0,
    left: 0
  });
}

for (var i = 0; i < scrollToRevealArray.length; i++) {
  var waypoint = new Waypoint({
    element: scrollToRevealArray[i],
    handler: function(direction) {
      this.element.classList.add("fadeInUp");
    },
    offset: Waypoint.viewportHeight()
  });
}

new Waypoint({
  element: ctaBtn,
  handler: function(direction) {
    if (direction === "down") {
      document.querySelector("nav").classList.add("fixed");
    } else {
      document.querySelector("nav").classList.remove("fixed");
    }
  },
  offset: -80
});

if (btns.length && sections.length > 0) {
  for (var i = 0; i < btns.length; i++) {
    btns[i].addEventListener("click", smoothScrollTo.bind(this, i, btns));
  }
}

if (mobilebtns.length && sections.length > 0) {
  for (var i = 0; i < mobilebtns.length; i++) {
    mobilebtns[i].addEventListener(
      "click",
      smoothScrollTo.bind(this, i, mobilebtns)
    );
  }
}

navIcon.addEventListener("click", function() {
  document.querySelector(".mobile-list").classList.toggle("show");
});