https://www.akaiko-en.com/assets/js/common.js

1'use strict';
2
3(function () {
4
5  // 変数
6  var breakPoint = 751;
7
8  // // 画面サイズ
9  var windowWidth = window.innerWidth;
10  var windowHeight = window.innerHeight;
11
12  function updateDom() {
13    windowWidth = window.innerWidth;
14    windowHeight = window.innerHeight;
15  };
16
17  $(window).on('load', function () {
18    $('body').addClass("is-active");
19    $(".js-op-item").addClass("is-active");
20  });
21
22  var $menuBtn = $("#c-in-btn");
23  var $nav = $("#c-nav");
24
25  function openNav() {
26    $menuBtn.addClass("is-close");
27    $nav.addClass("is-active");
28    setTimeout(function () {
29      $nav.addClass("is-visible");
30    }, 5);
31  }
32
33  function closeNav() {
34    $menuBtn.removeClass("is-close");
35    $nav.removeClass("is-visible");
36    setTimeout(function () {
37      $nav.removeClass("is-active");
38    }, 300);
39  }
40
41  $menuBtn.on("click", function () {
42    if (windowWidth <= breakPoint) {
43      if ($nav.hasClass("is-active")) {
44        closeNav();
45      } else {
46        openNav();
47      }
48    }
49  });
50
51  $(".c-footer__top-link").on("click", function () {
52    $("html,body").animate({ scrollTop: 0 }, 1000, 'easeInOutQuad');
53    return false;
54  });
55
56  $(window).on("resize load", function () {
57    updateDom();
58  });
59})();