https://www.izumikawa-clinic.com/wp-content/themes/original_theme/assets/js/script.js

1// 設定 original script default
2// Ver 2.3.10
3
4var nav = jQuery('.global_nav'); // PCのナビゲーション
5if(jQuery('.header').hasClass('pcsp_horizon')|| jQuery('.header').hasClass('pc_horizon')) {
6  var nav = jQuery('.header'); // PCとスマホのメインナビゲーション ロゴとToggleボタン横並び
7  var pc_horizon_flag = true;
8}
9var pc_menu = jQuery('.global_nav .menu'); // PCメニュー本体
10var sp_nav = jQuery('.sp_nav'); // スマホのメインナビゲーション
11if(jQuery('.header').hasClass('sp_horizon') || jQuery('.header').hasClass('pcsp_horizon') ) {
12  var sp_nav = jQuery('.header'); // スマホのメインナビゲーション ロゴとToggleボタン横並び
13  var sp_horizon_flag = true;
14}
15var sp_toggle = jQuery('.sp_toggle'); //スマホのトグルボタン
16var sp_close = jQuery('.sp_toggle_close');
17var sp_menu_pull = jQuery('.global_nav'); //スマホトグルメニュー本体
18var animation_speed = 300;
19var header_hover_item = jQuery('.header_hover_item'); // hoverで開閉するヘッダーアイテム
20var menu_a = jQuery('.global_nav a'); //メニューのaタグ
21var submenu_class = ".sub-menu,.sub-menu_wrap"; //サブメニューのクラス名
22var submenu_wrap_class = 'menu-item-has-children'; // サブメニューを持つアイテムのク
23var submenu_wrap_class_wide = 'wide'; // サブメニューを持つアイテムのクラス名 wide
24var p = 768;
25var breakpoint = 768;
26var win = window.innerWidth;
27var offset_minus = 0;
28var url_global = location.href;
29var dest_global = url_global.split("#");
30var target = dest_global[1];
31var target_offset = 0;
32var target_top = 0;
33var load_or_ready = 0;
34var fixed_class = "fixed";
35var body = jQuery('body');
36var menu_bk = jQuery('.menu_bk');
37var menu_item_has_children = jQuery('.sub-menu').parent('.menu > li');
38var menu_item_has_children_wrap = jQuery('.sub-menu_wrap').parent('.menu > li');
39// var nav_padding_body = nav.next();
40
41function inicial_func(load_or_ready, target, nav, sp_nav) {
42
43  if (load_or_ready == 0) { //処理が行われているかどうか
44    if (typeof target === "undefined") {
45      //
46    } else {
47      //jQuery("html, body").stop().scrollTop(0);
48      setTimeout(function(){
49        var target_offset = jQuery("#" + target).offset();
50        var target_offset_paddingtop = parseInt(jQuery("#" + target).css('padding-top'));
51        //var target_offset_top = Number(target_offset.top + target_offset_paddingtop);
52        //var target_offset_top = Number(target_offset.top);
53    var target_offset_top = "";
54        var target_tagName = jQuery("#" + target).prop("tagName") ; 
55        if( target_tagName == "div" || target_tagName == "section" ) {
56           target_offset_top = Number(target_offset.top + target_offset_paddingtop);
57         } else {
58           target_offset_top = Number(target_offset.top );
59         }
60        
61        if (win < breakpoint) {
62          offset_minus = Number(sp_nav.outerHeight());
63        } else {
64          offset_minus = Number(nav.outerHeight());
65        }
66        var target_top = Number(target_offset_top - offset_minus);
67        jQuery('body,html').stop().animate({
68          scrollTop: target_top
69        }, 800, '');
70      }, 200);
71    }
72    load_or_ready = 1;
73    return load_or_ready;
74  }
75}
76
77function anchor_func(nav, sp_nav, that) {
78  var url_global = location.href;
79  var dest_global = url_global.split("#");
80  var win = window.innerWidth;
81  var offset_minus = 0;
82
83  if (win < breakpoint) {
84    offset_minus = Number(sp_nav.outerHeight());
85  } else {
86    offset_minus = Number(nav.outerHeight());
87  }
88  var url = jQuery(that).prop("href");
89  var dest = url.split("#");
90
91  if (dest_global[0] == dest[0]) {
92    
93    var target = dest[1];
94    var target_offset = jQuery("#" + target).offset();
95    var target_tagName = jQuery("#" + target).prop("tagName") ; 
96
97    var target_offset_paddingtop = parseInt(jQuery("#" + target).css('padding-top'));
98    var target_offset_top = "";
99    //var target_offset_top = Number(target_offset.top + target_offset_paddingtop);
100    //var target_offset_top = Number(target_offset.top );
101
102    if( target_tagName == "DIV" || target_tagName == "SECTION" ) {
103       target_offset_top = Number(target_offset.top + target_offset_paddingtop);
104    } else {
105       target_offset_top = Number(target_offset.top );
106    }
107    
108    if (typeof target === "undefined") {
109      //
110    } else {
111      var target_top = target_offset_top - offset_minus;
112      jQuery('body,html').animate({
113        scrollTop: target_top
114      }, 800, 'swing');
115      if (win < breakpoint) {
116        sp_menu_pull.hide(animation_speed);
117      }
118      return false;
119    }
120  } else {
121    //
122  }
123}
124
125window.addEventListener( 'load', function(){
126//jQuery(window).on('load', function (event) {
127  //jQuery("html, body").stop().scrollTop(0);
128  //外部リンクによるページ内リンクの処理
129  load_or_ready = inicial_func(load_or_ready, target, nav, sp_nav);
130});
131
132
133jQuery("a[href=#]").attr({
134  "href": ""
135});
136
137//内部リンクによるページ内リンクの処理 リンクにページのURLが含まれる場合
138jQuery("a[href^=http]").click(function (event) {
139  //alert("1 内部リンクによるページ内リンクの処理 リンクにページのURLが含まれる場合");
140  return anchor_func(nav, sp_nav, this);
141});
142
143//内部リンクによるページ内リンクの処理 リンクが#から始まる場合
144//「no_anchor」クラスを除外
145jQuery("a[href^=#]:not(a.no_anchor[href^=#]").click(function (event) {
146  //alert("2 内部リンクによるページ内リンクの処理 リンクが#から始まる場合");
147  return anchor_func(nav, sp_nav, this);
148});
149
150var currentWidth = window.innerWidth;
151
152if(currentWidth < breakpoint) {
153  window.addEventListener("resize", function () {
154    if (currentWidth == window.innerWidth) {
155      // ウインドウ横幅が変わっていないため処理をキャンセル。
156      return;
157    }
158    currentWidth = window.innerWidth;
159    var win = window.innerWidth;
160    if (breakpoint <= win) {
161      menu_bk.hide(animation_speed);
162      jQuery('.global_nav .sub-menu,.global_nav .sub-menu_wrap').css('display', '');
163      //nav_padding_body.css('margin-top', '');
164    }
165  });
166} else {
167  window.addEventListener("resize", function () {
168    if (currentWidth == window.innerWidth) {
169      // ウインドウ横幅が変わっていないため処理をキャンセル。
170      return;
171    }
172    currentWidth = window.innerWidth;
173    var win = window.innerWidth;
174    if (win < breakpoint) {
175      menu_bk.hide(animation_speed);
176      jQuery('.global_nav .sub-menu,.global_nav .sub-menu_wrap').css('display', '').css('max-height', '');
177      menu_a.removeClass('onclick');
178      jQuery('.global_nav .sub-menu_wrap').css('max-height', '');
179
180    }
181  });
182}
183
184// ナビゲーションの親にクラスをつける
185menu_item_has_children.add(menu_item_has_children_wrap).addClass(submenu_wrap_class); 
186menu_item_has_children_wrap.addClass(submenu_wrap_class_wide);
187
188// PCナビゲーション
189jQuery(window).on('load resize', function () {
190  var win = window.innerWidth;
191  if (breakpoint <= win) {
192    jQuery(sp_menu_pull).css('display', ''); // リサイズ時と読み込み時にメニューのスタイルを解除
193    jQuery(sp_menu_pull).css('top', '');
194
195    var windowHeight = window.innerHeight;
196    var headerHeight = jQuery('.header').outerHeight(true); 
197    var glovalnavHeight = jQuery('.global_nav').outerHeight(true); 
198    if(pc_horizon_flag) {
199      jQuery('.global_nav .sub-menu_wrap').css('max-height', windowHeight - headerHeight );
200    } else {
201      jQuery('.global_nav .sub-menu_wrap').css('max-height', windowHeight -headerHeight - glovalnavHeight);
202    }
203  }
204});
205
206var pc_menu_li = jQuery(pc_menu).children('li');//
207jQuery(pc_menu_li).on({
208  'mouseenter': function () {
209    var win = window.innerWidth;
210    if (breakpoint <= win) {
211      jQuery(this).addClass('active');
212      if(jQuery(this).hasClass(submenu_wrap_class)) {
213        //jQuery(this).children('a').next().stop(true, true).slideDown('fast','swing');
214      }
215    }
216  }, 
217  'mouseleave': function () {
218    var win = window.innerWidth;
219    if (breakpoint <= win) {
220      jQuery(this).removeClass('active');
221      if(jQuery(this).hasClass(submenu_wrap_class)) {
222        //jQuery(this).children('a').next().stop(true, true).slide

222Up('fast');
223      }
224    }
225  }
226});
227
228//SPナビゲーション
229var navlinkparent = jQuery('.menu-item-has-children > .sub-menu').parent('li');
230var navlinkparentwrap = jQuery('.sub-menu_wrap').parent('li');
231var navlink = jQuery(navlinkparent).add(navlinkparentwrap).children('a');
232var subnavlink = jQuery('.sub-menu a');
233
234jQuery(sp_toggle).on('click', function () {
235  // jQuery(sp_menu_pull).fadeToggle().toggleClass('open');
236  jQuery(sp_menu_pull).toggleClass('open');
237  jQuery(sp_toggle).toggleClass('toggle_open');
238  jQuery(menu_bk).fadeToggle(animation_speed);
239  jQuery(body).toggleClass('overflow-y');
240  jQuery(sp_close).fadeIn(animation_speed);
241  jQuery('.menu-item-has-children > .sub-menu,.menu-item-has-children > .sub-menu_wrap').hide();
242});
243jQuery(menu_bk).on('click', function () {
244  jQuery(this).fadeOut();
245  // jQuery(sp_menu_pull).fadeOut().removeClass('open');
246  jQuery(sp_menu_pull).removeClass('open');
247  jQuery(sp_toggle).removeClass('toggle_open');
248  jQuery(sp_close).fadeOut();
249  setTimeout(function(){
250    jQuery(body).removeClass('overflow-y');
251  },animation_speed);
252});
253jQuery(sp_close).on('click', function () {
254  var win = window.innerWidth;
255  if (win < breakpoint ) {
256    // jQuery(sp_menu_pull).fadeOut().removeClass('open');
257    jQuery(sp_menu_pull).removeClass('open');
258    jQuery(sp_toggle).removeClass('toggle_open');
259
260    //jQuery(submenu_class).css('display','');
261    jQuery(menu_bk).fadeOut();
262    jQuery(sp_close).fadeOut();
263    setTimeout(function(){
264      jQuery(body).removeClass('overflow-y');
265    },animation_speed);
266  }
267});
268
269jQuery(navlink).on('click', function () {
270  var win = window.innerWidth;
271  if (win < breakpoint) {
272    jQuery(this).toggleClass('onclick');
273    jQuery(this).next().slideToggle();
274    return false;
275  }
276});
277jQuery(subnavlink).on('click', function () {
278  var win = window.innerWidth;
279  if (win < breakpoint) {
280    jQuery(this).parents('.menu-item').children('a').toggleClass('onclick');
281    //jQuery('.menu-item-has-children > .sub-menu,.menu-item-has-children > .sub-menu_wrap').hide();
282    jQuery(sp_menu_pull).removeClass('open');
283jQuery(sp_toggle).removeClass('toggle_open');
284    jQuery(menu_bk).fadeOut();
285    jQuery(sp_close).fadeOut();
286    setTimeout(function(){
287      jQuery(body).removeClass('overflow-y');
288    },animation_speed);
289  } else {
290    jQuery('.menu-item-has-children').removeClass('active');
291  }
292});
293jQuery('.global_nav a[href*="#"]').on('click', function () {
294  var win = window.innerWidth;
295  if (win < breakpoint) {
296    jQuery(sp_menu_pull).removeClass('open');
297    jQuery(menu_bk).fadeOut();
298    jQuery(sp_toggle).removeClass('toggle_open');
299    jQuery(sp_close).fadeOut();
300    setTimeout(function(){
301      jQuery(body).removeClass('overflow-y');
302    },animation_speed);
303  }
304});
305
306// PC hoverで開閉するヘッダーアイテム
307jQuery(header_hover_item).on({
308  'mouseenter': function () {
309    var win = window.innerWidth;
310    if (breakpoint <= win) {
311      if(jQuery(this).siblings().not('active')){
312        jQuery(this).addClass('active');
313      }
314    }
315  }, 
316  'mouseleave': function () {
317    var win = window.innerWidth;
318    if (breakpoint <= win) {
319      jQuery(this).removeClass('active');
320    }
321  }
322});
323
324if(jQuery(body).hasClass('home') && jQuery('.header').hasClass('header_nav_wrap')) {
325  window.onload = function () {
326    var navoffsetTop = nav.offset().top;
327
328    jQuery(window).scroll(function () {
329      var win = window.innerWidth;
330      if (jQuery(this).scrollTop() > navoffsetTop) {
331        if (breakpoint <= win) {
332          nav.addClass(fixed_class);
333        }
334      } else {
335        if (breakpoint <= win) {
336          nav.removeClass(fixed_class);
337        }
338      }
339    });
340  }
341}