https://locobee.com/mag/wp-content/themes/locobeemag2021/js/scripts.js

1/* jQuery
2============================================================================ */
3
4//Googleフォント
5window.WebFontConfig = {
6  // 以下にフォントを指定する
7  google: { families: ['Open+Sans:300,400,500,600,700'] },
8  active: function () {
9    sessionStorage.fonts = true;
10  }
11};
12(function () {
13  var wf = document.createElement('script');
14  wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js';
15  wf.type = 'text/javascript';
16  wf.async = 'true';
17  var s = document.getElementsByTagName('script')[0];
18  s.parentNode.insertBefore(wf, s);
19})();
20
21//ハンバーガーメニュー
22jQuery(function ($) {
23  var flag = false;
24  $('.common__header--toggle').on('click', function () {
25    if (flag == false) {
26      bodyFix(); // bodyを固定させる関数
27      // その他、ナビを開くときに起きるあれこれを記述
28      $(".common__header--toggle,.common__header,.common__footer").addClass('open');
29      flag = true;
30    } else {
31      closeNavi();
32      flag = false;
33    }
34  });
35});
36//ナビを閉じるときの関数
37function closeNavi() {
38  bodyFixReset(); // body固定を解除する関数
39  // その他、ナビを閉じるときに起きるあれこれを記述
40  $(".common__header--toggle,.common__header,.common__footer").removeClass('open');
41}
42//以下、bodyを固定する関数
43var bodyElm = $('body');
44var scrollPosi;
45function bodyFix() {
46  scrollPosi = $(window).scrollTop();
47  bodyElm.css({
48    'position': 'fixed',
49    'width': '100%',
50    'z-index': '1',
51    'top': -scrollPosi
52  });
53}
54//以下、body固定を解除する関数
55function bodyFixReset() {
56  bodyElm.css({
57    'position': 'relative',
58    'width': 'auto',
59    'top': 'auto'
60  });
61  //scroll位置を調整
62  $('html, body').scrollTop(scrollPosi);
63}
64
65//タブ
66$(function () {
67  /*初期表示*/
68  $('.ChangeElem_Panel').hide();
69  $('.ChangeElem_Panel').eq(0).show();
70  $('.ChangeElem_Btn').eq(0).addClass('active');
71  /*クリックイベント*/
72  $('.ChangeElem_Btn').each(function () {
73	$(this).on('click', function () {
74	  var index = $('.ChangeElem_Btn').index(this);
75	  $('.ChangeElem_Btn').removeClass('active');
76	  $(this).addClass('active');
77	  $('.ChangeElem_Panel').hide();
78	  $('.ChangeElem_Panel').eq(index).show();
79	});
80  });
81});
82
83//TOP cat タブ
84$(function () {
85  /*初期表示*/
86  $('.ChangeElem_Panel_02').hide();
87  $('.ChangeElem_Panel_02').eq(0).show();
88  $('.ChangeElem_Btn_02').eq(0).addClass('active');
89  /*クリックイベント*/
90  $('.ChangeElem_Btn_02').each(function () {
91	$(this).on('click', function () {
92	  var index = $('.ChangeElem_Btn_02').index(this);
93	  $('.ChangeElem_Btn_02').removeClass('active');
94	  $(this).addClass('active');
95	  $('.ChangeElem_Panel_02').hide();
96	  $('.ChangeElem_Panel_02').eq(index).fadeIn();
97	});
98  });
99});
100
101//会員ポップアップ
102$(function(){
103  $(".membership-popup__close").on("click",function(){
104    $(".membership-popup").removeClass("is-active");
105  });
106  $('#cookie_none').click(function(){
107    if($(this).prop('checked')){
108      $.cookie("popup", "none",{ expires: 30 });
109    } else{
110      $.removeCookie("popup");
111    }
112  });
113  var animationFlag = false;
114  var topPage = $("body").hasClass("home");
115  if($(".top-new").length){
116    var top_new = $(".top-new").offset().top;
117  }
118  var archivePage = $("body").hasClass("archive");
119  var window_height = window.onload = $(window).height();
120  var document_height = $(document).height();
121  var singlePage = $("body").hasClass("single");
122  if($(".common-related").length){
123    var single_related = window.onload = $(".common-related").offset().top;
124  }
125  $(window).scroll(function(){
126    var scroll_top = $(window).scrollTop();
127    if($.cookie("popup") != "none"){
128      if(scroll_top > top_new && topPage){
129        if(!animationFlag) {
130          animationFlag = true;
131          $(".membership-popup").addClass("is-active");
132        }
133      } else if(scroll_top > document_height / 2 && archivePage){
134        if(!animationFlag) {
135          animationFlag = true;
136          $(".membership-popup").addClass("is-active");
137        }
138      } else if(scroll_top > document_height / 1.5 && singlePage){
139        if(!animationFlag) {
140          animationFlag = true;
141          $(".membership-popup").addClass("is-active");
142        }
143      }
144    }
145  })
146})
147
148//アンカーリンク
149var headerHeight = $('header').outerHeight();
150var urlHash = location.hash;
151if(urlHash) {
152  $('body,html').stop().scrollTop(0);
153  $(".single-comments__itemInner").stop().scrollTop(0);
154  setTimeout(function(){
155    var target = $(urlHash);
156    var position = target.offset().top - 300;
157    $(".single-comments__itemInner").stop().scrollTop(0);
158    $('body,html').stop().scrollTop(position);
159  }, 50);
160}
161$('a[href^="#"]').click(function() {
162  var href= $(this).attr("href");
163  var target = $(href);
164  var position = target.offset().top - headerHeight;
165  $('body,html').stop().animate({scrollTop:position}, 500);
166  return false;

167});
168
169//リロード
170if($("body").hasClass("lost_password") || $("body").hasClass("lost_password-en") || $("body").hasClass("lost_password-vi") || $("body").hasClass("reset_password") || $("body").hasClass("reset_password-en") || $("body").hasClass("reset_password-vi")){
171  if($(".mw_wp_form").hasClass("mw_wp_form_complete")){
172    location.reload();
173  }
174}