https://taguchi.clinic/js/jQ.js

1// JavaScript Document
2
3
4jQuery(document).ready( function() {
5
6
7// SPドロップダウンメニュー SlickNav
8  $('#nav').slicknav({
9    label: '',
10    closeOnClick: 'true'
11  });
12
13
14// 電話番号
15  if (navigator.userAgent.match(/(iPhone|iPad|Android|Mobile)/)) {
16    $('.js-tel').each(function() {
17      var str = $(this).html();
18      if ($(this).children().is('img')) {
19        $(this).html($('<a>').attr('href', 'tel:' + $(this).children().attr('alt').replace(/-/g, '')).append(str + '</a>'));
20      } else {
21        $(this).html($('<a>').attr('href', 'tel:' + $(this).text().replace(/-/g, '')).append(str + '</a>'));
22      }
23    });
24  }
25
26// 電話番号　アプリ仕様
27//  if (getParam ('app') != 1 && navigator.userAgent.match(/(iPhone|Android|Mobile)/)) {
28//    $('.tel').each(function() {
29//      var str = $(this).html();
30//      if ($(this).children().is('img')) {
31//        $(this).html($('<a>').attr('href', 'tel:' + $(this).children().attr('alt').replace(/-/g, '')).append(str + '</a>'));
32//      } else {
33//        $(this).html($('<a>').attr('href', 'tel:' + $(this).text().replace(/-/g, '')).append(str + '</a>'));
34//      }
35//    });
36//  }
37
38
39// トップ　キービジュアル背景
40  
41    $('#keyvsl').bgswitcher({
42    images: [
43      "img/index_keyvsl_01.jpg"
44    ],
45    interval: 5000,
46    effect: "fade"
47  });
48  $('#keyvsl').delay(50).css('visibility','visible');
49
50  $('#keyvsl_sp').bgswitcher({
51    images: [
52      "img/index_keyvsl_sp_01.jpg"
53    ],
54    interval: 5000,
55    effect: "fade"
56  });
57  $('#keyvsl_sp').delay(50).css('visibility','visible');
58
59// トップ　キービジュアル
60  /*$('#keyvsl').bxSlider({
61    auto: true,
62    pause: 5000,
63    speed: 1000,
64    mode: 'fade',
65    controls: false,
66    pager: false
67  });
68  $('#keyvsl img').delay(50).css('visibility','visible');*/
69
70
71// トップ　お知らせ　アコーディオン
72  $('.index .news_body').hide();
73  $('.index .news_title').wrapInner('<a href="javascript:void(0);">');
74  $('.index .news_title').click(function(){
75    $(this).toggleClass("open").next('.index .news_body').slideToggle();
76  });
77  $('.index .news_title:nth-of-type(-n+3)').toggleClass("open").next('.index .news_body').slideToggle();
78
79
80// クリニック紹介ギャラリー
81  $('#clinicslide').sliderPro({
82    width: 750,
83    height: 500,
84    fade: true,
85    arrows: true,

86    buttons: false,
87    fullScreen: false,
88    shuffle: false,
89    thumbnailArrows: true,
90    autoplay: false
91  });
92  $('#clinicslide img, #clinicslide p').delay(50).css('display','block');
93
94
95// PC 診療内容ドロップダウンメニュー
96  var windowWidth = $(window).width();
97  var windowSm = 768;
98  if (windowWidth >= windowSm) { // PCの場合
99    $('#nav .subnav').hide();
100    $('#nav .sub').click( function(event) {
101      $(this).toggleClass('open').next('#nav .subnav').css('visibility','visible').slideToggle();
102      $('#nav .sub').not($(this)).removeClass('open').next('#nav .subnav').css('display','none');
103    });
104  }
105
106// SP 診療内容ドロップダウンメニュー
107//  if (windowWidth <= windowSm) { // スマホの場合
108//    $( '.tit' ).click( function() {
109//      $( this ).toggleClass('open').next('.subnav').slideToggle();
110//    }) ;
111//  }
112
113
114// スムーズスクロール
115  $('.scr').click(function(){
116    var speed = 500;
117    var href= $(this).attr("href");
118    var target = $(href == "#" || href == "" ? 'html' : href);
119    var position = target.offset().top;
120    $("html, body").animate({scrollTop:position}, speed, "swing");
121    return false;
122  });
123
124});
125
126
127// ページアップ単体
128var up = $("#pageup");
129$(window).scroll(function () {
130  if ($(this).scrollTop() > 200) {
131    up.fadeIn();
132  } else {
133    up.fadeOut();
134  }
135});
136up.click(function () {
137  $("body, html").animate({ scrollTop: 0 }, 500);
138  return false;
139});
140
141// SPフッター固定　電話・ページアップ
142var f_fix = $(".tel_up").hide();
143$(window).scroll(function () {
144  if ($(this).scrollTop() > 200) {
145    f_fix.fadeIn().css('visibility', 'visible');
146  } else {
147    f_fix.fadeOut();
148  }
149});
150$('.pageup').click(function () {
151  $("body, html").animate({ scrollTop: 0 }, 500);
152  return false;
153});
154
155
156// アプリの場合　電話凍結（クリコネ仕様）
157
158//function getParam(name) {
159//  var url = location.href;
160//  parameters = url.split("?");
161//  if (parameters.length <=1) return "";
162//  params = parameters[1].split("&");
163//  var paramsArray = [];
164//  for ( i = 0; i < params.length; i++ ) {
165//    neet = params[i].split("=");
166//    paramsArray.push(neet[0]);
167//    paramsArray[neet[0]] = neet[1];
168//  }
169//  var categoryKey = paramsArray[name];
170//  if (categoryKey == undefined) categoryKey = "";
171//  return categoryKey;
172//}
173
174/*
175$(window).scroll(function () {
176  if($(window).scrollTop() > 200) {
177    $('.scroll_trigger').addClass('is_trigger_on');
178  } else {
179    $('.scroll_trigger').removeClass('is_trigger_on');
180  }
181});
182*/
183
184$(function(){
185  var st;
186  $('.slicknav_btn').on('click', function(){
187    setTimeout(function(){
188      if($('.slicknav_btn').hasClass("slicknav_open") == true) {
189        st = $(window).scrollTop();
190        $('html').addClass('scroll-prevent');
191        $('html').css('top', -(st) + 'px');
192        console.log(st);
193      }
194      else {
195        $('html').removeClass('scroll-prevent');
196        //$(window).scrollTop(st);
197      }
198    }, 100);
199  });
200});
201
202
203$(window).on('scroll', function (){
204
205  var scroll_trigger = $('.scroll_trigger');
206  var is_trigger_on = 'is_trigger_on';
207  
208  scroll_trigger.each(function () {
209  
210    var elemOffset = $(this).offset().top;
211    var scrollPos = $(window).scrollTop();
212    var wh = $(window).height();
213
214    if(scrollPos > elemOffset - wh + (wh / 3) ){
215      $(this).addClass(is_trigger_on);
216    }
217  });
218
219});
220
221$(window).on('load', function() {
222  var headerHeight = $("#header").outerHeight(); // ヘッダーの高さ
223  if (document.URL.match('#')) {
224      var str = location.href;
225      var cut_str = "#";
226      var index = str.indexOf(cut_str);
227      var href = str.slice(index);
228      var target = href;
229      var position = $(target).offset().top - headerHeight;
230      $("html, body").scrollTop(position);
231      return false;
232  }
233});
234