https://chikurinin.com/assets/js/common.js

1$(function () {
2
3    var gnav = $('.gnav');
4    var gnav_content = $('.gnav-content');
5    var body = $('#TOP');
6    var sp_anchor = $('.sp-anchor');
7    gnav.css('cursor', 'pointer');
8    gnav.on('click', function () {
9        $(this).toggleClass('active');
10        gnav_content.fadeToggle(300, 'swing');
11        body.toggleClass('hidden');
12    });
13
14    /* G-translate使用はコメントアウト アンカーは使用 */
15    sp_anchor.on('click', function () {
16        gnav_content.fadeToggle(300, 'swing');
17        gnav.removeClass('active');
18        body.toggleClass('hidden');
19    });
20
21
22    var $header = $('.main-header');
23    $(window).scroll(function() {
24        if ($(window).scrollTop() > 50) {
25            $header.addClass('fixed');
26        } else {
27            $header.removeClass('fixed');
28        }
29    });
30
31    var $headersp = $('.gnav');
32    // Nav Fixed
33    $(window).scroll(function() {
34        if ($(window).scrollTop() > 50) {
35            $headersp.addClass('fixed');
36        } else {
37            $headersp.removeClass('fixed');
38        }
39    });
40
41
42    /* メガメニュー */
43    let $megaMenu = $('.js-megaMenu');
44    //表示を切り替える
45    const fadeOutMenu = () => { $megaMenu.removeClass('is-active'); }
46      // メガメニューのリンクをクリックした時
47      $megaMenu.on('click', function(e) {
48        let $self = $(e.target);
49        // リンクがis-activeを持っていないとき
50        if (!$self.hasClass('is-active')) { fadeOutMenu(); }
51        $self.toggleClass('is-active');
52    });
53    // メガメニューのリンク以外の場所をクリックした時
54    $(document).on('click touchend', function (e) { if (!$(e.target).closest($megaMenu).length) { fadeOutMenu(); } });
55
56
57
58
59    var bt = 300;
60    var ds = 0;
61    $(document).scroll(function(){
62        ds = $(this).scrollTop();
63        if (bt <= ds) {
64            $("#totop").addClass('open');
65        } else if (bt >= ds) {
66            $("#totop").removeClass('open');
67        }
68    });
69
70
71    $('.nijimi').on('inview', function(event, isInView) {
72        if (isInView) {
73          $(this).addClass('active');
74        } else {
75          // $(this).removeClass('move');
76        }
77    });
78    $('.aos-nijimi').on('inview', function(event, isInView) {
79        if (isInView) {
80          $(this).addClass('active');
81        } else {
82          // $(this).removeClass('move');
83        }
84    });
85
86    $('.animation-text').on('inview', function(event, isInView) {
87        if (isInView) {
88          $(this).addClass('active');
89        } else {
90          // $(this).removeClass('move');
91        }
92    });
93
94    $("a[href^='#']").click(function(){  
95        var speed = 500;
96        var href= $(this).attr("href");
97        var target = $(href == "#" || href == "" ? 'html' : href);
98        var position = target.offset().top;
99        $("html, body").animate({scrollTop:position}, speed, "swing");
100        return false;
101    });
102    
103    
104    
105});