https://www.thinkymixer.com/ja-jp/wp-content/themes/nds_theme/js/common.js

1//pagetop JS
2$(function () {
3  var topBtn = $('#pagetop');
4  topBtn.hide();
5  //スクロールが300に達したらボタン表示
6  $(window).scroll(function () {
7    if ($(this).scrollTop() > 300) {
8      topBtn.fadeIn();
9    } else {
10      topBtn.fadeOut();
11    }
12  });
13});
14
15$(function () {
16  // 別ページの場合は以下
17  var urlHash = location.hash;
18  if (urlHash) {
19    $('body,html').stop().scrollTop(0);
20    setTimeout(function () {
21      // ヘッダー固定の場合はヘッダーの高さを数値で入れる、固定でない場合は0
22      var windowWidth = $(window).width();
23      if (windowWidth > 767) {
24        var headerHight = $("header").height();
25      } else {
26        var headerHight = 100;
27      }
28      var target = $(urlHash);
29      var position = target.offset().top - headerHight;
30      $('body,html').stop().animate({ scrollTop: position }, 400);
31    }, 100);
32  }
33});
34
35$(function () {
36  $('a[href^="#"]').click(function () {
37    var windowWidth = $(window).width();
38    if (windowWidth > 767) {
39      var adjust = 100;
40    } else {
41      var adjust = 70;
42    }
43    var speed = 400;
44    var href = $(this).attr("href");
45    var target = $(href == "#" || href == "" ? 'html' : href);
46    var position = target.offset().top - adjust;
47    $('body,html').animate({ scrollTop: position }, speed, 'swing');
48    return false;
49  });
50});
51
52//ハンバーガーメニュー
53
54$(function () {
55  $(".sp_menu_tigger").click(function () {
56    $(this).toggleClass("open");
57    $(".nav_area_sp").toggleClass("active");
58  });
59});
60
61$(function () {
62  $('.menu li a[href*="#"]').click(function () {
63    $(".sp_menu_tigger").removeClass("open");
64    $(".nav_area_sp").removeClass("active");
65  });
66});
67
68$(window).on('load', function () {
69  var timeOut;
70  $(window).on('scroll', function () {
71    $('#header').addClass('scroll');
72    clearTimeout(timeOut);
73    timeOut = setTimeout(function () {
74      $('#header').removeClass('scroll');
75    }, 400);
76  });
77});
78
79//ヘッダーにfixed付与
80
81$(function () {
82  var header = $('#header');
83  var offsetTop = 0;
84  function header_fixed() {
85    var headerHeight = header.outerHeight();
86    var scrollY = $(window).scrollTop();
87    if (scrollY > offsetTop) {
88      header.addClass('fixed');
89    } else {
90      header.removeClass('fixed');
91    }
92  }
93  header_fixed();
94  $(window).on('scroll', header_fixed);
95});
96
97//メインスライダー
98
99$(window).on('load', function () {
100  $(".main_slider").on("init", function () {
101    $('.main_slider .slick-slide[data-slick-index="0"]').addClass("add-animation");
102  })
103  $('.main_slider').slick({
104    dots: false,
105    arrows: false,
106    infinite: true,
107    autoplaySpeed: 4000,
108    speed: 500,
109    autoplay: true,
110    fade: true,
111    pauseOnFocus: false,
112    pauseOnHover: false,
113    pauseOnDotsHover: false,
114    cssEase: 'ease-in-out',
115  })
116  $('.main_slider').on({
117    beforeChange: function (event, slick, currentSlide, nextSlide) {
118      $(".slick-slide", this).eq(nextSlide).addClass("add-animation");
119      $(".slick-slide", this).eq(currentSlide).addClass("remove-animation");
120    },
121    afterChange: function () {
122      $(".remove-animation", this).removeClass(
123        "remove-animation add-animation"
124      );
125    },
126  });
127});
128
129$(".main_slider").on('touchstart', function (event) {
130  $(".main_slider").slick('slickPause');// タッチ開始でautoplay停止
131});
132
133$(".main_slider").on('touchend', function (event) {
134  $(".main_slider").slick('slickPlay');//タッチ終了でautoplay再開
135});
136
137$(window).on('load', function () {
138  $('.news_slider').slick({
139    autoplay: true,
140    dots: false,
141    autoplaySpeed: 5000,
142    arrows: false,
143    centerMode: false,
144    centerPadding: '0px',
145    slidesToShow: 4,
146    responsive: [
147      {
148        breakpoint: 767,
149        settings: {
150          centerMode: true,
151          centerPadding: '20px',
152          arrows: true,
153          slidesToShow: 1,
154        }
155      },
156    ]
157  });
158});
159
160
161$(document).ready(function () {
162  if ($(window).width() < 1200) {
163    $('.product_slider').slick({
164      autoplay: true,
165      dots: false,
166      autoplaySpeed: 5000,
167      arrows: true,
168      centerMode: true,
169      centerPadding: '20px',
170      slidesToShow: 3,
171      responsive: [
172        {
173          breakpoint: 767,
174          settings: {
175            centerMode: true,
176            centerPadding: '20px',
177            arrows: true,
178            slidesToShow: 1,
179          }
180        },
181      ]
182    });
183  }
184});
185
186
187$(document).ready(function () {
188  $('.library_slider').slick({
189    autoplay: true,
190    dots: true,
191    autoplaySpeed: 3000,

192    arrows: false,
193    centerMode: false,
194    centerPadding: '0px',
195    slidesToShow: 2,
196    responsive: [
197      {
198        breakpoint: 767,
199        settings: {
200          centerMode: true,
201          slidesToShow: 1,
202        }
203      },
204    ]
205  });
206})
207
208
209//アニメーション関連
210
211$(function () {
212  $(window).on('load scroll resize', function () {
213    $('.fadein,.fadein1,.ani_img_left,.ani_img_right,.ani_img_top,.ani_img_bottom,.fadeTrigger,.js-list-fadeup,.flipLeftTop').each(function () {
214      var elemPos = $(this).offset().top,
215        scroll = $(window).scrollTop(),
216        windowHeight = $(window).height();
217      if (scroll > elemPos - windowHeight + 100) {
218        $(this).addClass('scrollin');
219      }
220    });
221  });
222});
223
224
225$(function () {
226  // Left animation
227  $('.ani_left').css({
228    opacity: 0,
229    marginLeft: -800
230  });
231  $('.ani_left').delay(300).animate({
232    opacity: 1,
233    marginLeft: 0
234  }, 1000);
235
236  // Right animation
237  $('.ani_right').css({
238    opacity: 0,
239    marginRight: -800
240  });
241  $('.ani_left').delay(300).animate({
242    opacity: 1,
243    marginRight: 0
244  }, 1000);
245});
246
247
248//ハンバーガースマホメニューの有無判定
249
250$(function () {
251  if ($('#menu-sp_menu').length) {
252    $('.sp_nav').addClass('sp_nav_on');
253    $('.pc_nav').addClass('pc_nav_off');
254  } else {
255    $('.sp_nav').remove();
256  }
257});
258
259//ハンバーガーメニュープルダウン
260
261$(function () {
262  var sub_menu = $('.menu-item-has-children');
263  if (sub_menu.length) {
264    sub_menu.append("<span class='sub_menu_toggle'></span>");
265  }
266});
267
268$(function () {
269  $('.sub_menu_toggle').click(function () {
270    $(this).toggleClass('selected');
271    $(this).prev('.sub-menu').slideToggle(500);
272  });
273});
274
275$(function () {
276  $(".top_layout03_btns li:first-child a").hover(function () {
277    $(".top_layout03_img").toggleClass("first");
278  });
279  $(".top_layout03_btns li:nth-child(2) a").hover(function () {
280    $(".top_layout03_img").toggleClass("second");
281  });
282  $(".top_layout03_btns li:nth-child(3) a").hover(function () {
283    $(".top_layout03_img").toggleClass("third");
284  });
285  $(".top_layout03_btns li:nth-child(4) a").hover(function () {
286    $(".top_layout03_img").toggleClass("four");
287  });
288  $(".top_layout03_btns li:nth-child(5) a").hover(function () {
289    $(".top_layout03_img").toggleClass("five");
290  });
291  $(".top_layout03_btns li:nth-child(6) a").hover(function () {
292    $(".top_layout03_img").toggleClass("six");
293  });
294});
295
296//もっと見るボタン
297var moreNum = 12;
298$('.hidden_cont:nth-child(n + ' + (moreNum + 1) + ')').addClass('is-hidden');
299
300$('#event_schedule_btn').on('click', function () {
301  $('.section_event_schedule .hidden_cont.is-hidden').slice(0, moreNum).removeClass('is-hidden');
302  if ($('.section_event_schedule .hidden_cont.is-hidden').length == 0) {
303    $('.section_event_schedule .list-btn').fadeOut();
304  }
305});
306
307$(function () {
308  var event_schedule_btn = $("#event_schedule_btn").length;
309  var list = $(".section_event_schedule .hidden_cont").length;
310  if (event_schedule_btn) {
311    if (list <= moreNum) {
312      $('#event_schedule_btn').addClass('is-hidden');
313    }
314  }
315});
316

317$('#event_archive_btn').on('click', function () {
318  $('.section_event_archive .hidden_cont.is-hidden').slice(0, moreNum).removeClass('is-hidden');
319  if ($('.section_event_archive .hidden_cont.is-hidden').length == 0) {
320    $('.section_event_archive .list-btn').fadeOut();
321  }
322});
323
324$(function () {
325  var event_archive_btn = $("#event_archive_btn").length;
326  var list = $(".section_event_archive .hidden_cont").length;
327  if (event_archive_btn) {
328    if (list <= moreNum) {
329      $('#event_archive_btn').addClass('is-hidden');
330    }
331  }
332});
333
334$('#hidden_cont_btn').on('click', function () {
335  $('.hidden_cont.is-hidden').slice(0, moreNum).removeClass('is-hidden');
336  if ($('.hidden_cont.is-hidden').length == 0) {
337    $('.list-btn').fadeOut();
338  }
339});
340$(function () {
341  var hidden_cont_btn = $("#hidden_cont_btn").length;
342  if (hidden_cont_btn) {
343    var list = $(".hidden_cont").length;
344    if (list <= moreNum) {
345      $('#hidden_cont_btn').addClass('is-hidden');
346    }
347  }
348});
349
350// //カスタム投稿タイプリンク変更
351// jQuery(document).ready(function($) {
352//     $('.archive_navi').children($('a.page').each(function() {
353//         var link = $(this).attr('href');
354//         var link01 = link.replace('news/' , '');
355//         if (link && link.match(/\/page\/\d+\/$/)) {
356//             $(this).attr('href', link01 + '?post_type=news');
357//         }
358//     }));
359// });