app.js

$(document).ready(function () {
  /*Vars*/

  let header = $("#header");
  let intro = $("#intro");
  let introH = $("#intro").innerHeight();
  let scrollPos = $(window).scrollTop();
  let nav = $("#nav");
  let navToggle = $("#navToogle");
  let $this = $(this);

  // Fixed Header

  $(window).on("scroll load resize", function () {
    scrollPos = $(this).scrollTop();

    checkScroll(scrollPos);

    function checkScroll(scrollPos) {
      if (scrollPos >= introH) {
        header.addClass("fixed");
      } else {
        header.removeClass("fixed");
      }
    }
  });

  $(".burger").removeClass("active");
  $this.addClass("active");
  /*NavToogle*/

  navToggle.on("click", function (event) {
    event.preventDefault();
    nav.toggleClass("show");
    $(".burger").toggleClass("active");
  });

  // Burger collapse
  $(".menu__item, .header__logo ").on("click", function (event) {
    event.preventDefault();
    $(".burger").removeClass("active");
  });

  /*Smooth scroll*/

  $("[data-scroll]").on("click", function (event) {
    event.preventDefault();
    let blockID = $(this).data("scroll");
    let blockOffset = $(blockID).offset().top;
    nav.removeClass("show");

    $("html, body").animate(
      {
        scrollTop: blockOffset - 55,
      },
      600
    );
  });

  // Slick slider
  $(".slider").slick({
    infinite: true,
    fade: false,
    slidesToShow: 1,
    slidesToScroll: 1,
    speed: 300,
    dots: true,
    arrows: false,
  });
});