https://www.sakai-hifuka.com/wp-content/themes/enpawar-vol2/js/common.js

1// JavaScript Document
2
3jQuery(function($){
4
5  // ハンバーガーメニュー
6  $(".header__toggle").click(function() {
7    if ($(".header__toggle").hasClass("active")) {
8      $(".header__toggle").removeClass("active");
9      $(".header__nav").fadeOut();
10    }else{
11      $(".header__toggle").addClass("active");
12      $(".header__nav").fadeIn();
13    }
14  });
15  //リンククリックの既定動作をキャンセル
16  $(".g-menu__parent").click(function(){
17    var pageWidth = $(window).innerWidth();
18    if (pageWidth < 1080) {
19    return false;       
20    };
21  }); 
22  //PC/SP切り替え時
23  $(window).on('resize', function() {
24    var pageWidth = $(window).innerWidth();
25    if (pageWidth > 1080) {
26      $('.header__toggle').removeClass('active');
27      $('.g-menu__submenu').removeAttr('style');
28      $('.header__nav').removeAttr('style');
29      return true;
30    }else{
31    $('.g-menu__parent').removeClass('active');
32    }
33  });
34  //headerアコーディオン
35  $(".g-menu__parent").click(function() {
36      var pageWidth = $(window).innerWidth();
37      if (pageWidth < 1080) {
38      if ($(this).hasClass("active")) {
39        $(this).removeClass("active");
40        $(this).next(".g-menu__submenu").stop().slideUp("fast");
41      } else {
42        $(this).addClass("active");
43        $(this).next(".g-menu__submenu").stop().slideDown("fast");
44      }
45    }
46  });
47  
48  //リンク拡張
49  $(".find-item-link").click(function() {
50      window.location = $(this)
51      .find("a")
52      .attr("href");
53  });
54  
55  //スクロールtoTOP
56  var topBtn = $('#page-top');
57  $(window).scroll(function () {
58    if ($(this).scrollTop() > 100) {
59      topBtn.addClass("top-anchor");
60    } else {
61      topBtn.removeClass('top-anchor');
62    }
63  });
64  topBtn.click(function () {
65    $('body,html').animate({
66      scrollTop: 0
67    }, 500);
68    return false;
69  });
70
71  // header取得
72  var headerHeight = $('header').outerHeight();
73  var urlHash = location.hash;
74  if(urlHash) {
75    $('body,html').stop().scrollTop(0);
76    setTimeout(function(){
77        var target = $(urlHash);
78        var position = target.offset().top - headerHeight;
79        $('body,html').stop().animate({scrollTop:position}, 500);
80    }, 100);
81  }
82  
83  // アンカーナビ
84  var headerHeight = $('header').outerHeight();
85  var urlHash = location.hash;
86  if(urlHash) {
87    $('body,html').stop().scrollTop(0);
88    setTimeout(function(){
89        var target = $(urlHash);
90        var position = target.offset().top - headerHeight;
91        $('body,html').stop().animate({scrollTop:position}, 200);
92    }, 100);
93  }
94  $('a[href^="#"]').click(function() {
95    var href= $(this).attr("href");
96    var target = $(href);
97    var position = target.offset().top - headerHeight;
98    $('body,html').stop().animate({scrollTop:position}, 200);
99  });
100  
101  //タブ切り替え データ属性
102  $(".tab-name li").on("click",function(){
103    $(".tab-name li").removeClass();
104    $('.tab-content li').removeClass('current');
105    $(this).addClass('current');
106    var target = $(this).attr('data-tab');
107    $(target).addClass('current');
108  });
109  
110  // 通常アコーディオン
111  $(".accordion-box").click(function() {
112    if ($(this).hasClass("active")) {
113      $(this).removeClass("active");
114      $(this).children("dd").stop().slideUp("fast");
115    } else {
116      $(this).addClass("active");
117      $(this).children("dd").stop().slideDown("fast");
118    }
119  });
120  
121});
122
123//scrollアイコン https://www.appleple.com/blog/javascript/scroll-hint.html#3
124window.addEventListener('DOMContentLoaded', function(){
125  new ScrollHint('.js-scrollable', {
126  scrollHintIconAppendClass: 'scroll-hint-icon-white', // white-icon will appear
127  i18n: {
128    scrollable: 'スクロールできます'
129  }
130  });
131});