https://www.huyouhinkaisyuu-shiga.com/wp-content/themes/huyouhin-shiga/js/common.js

1///////////// 固定ヘッダー /////////////
2$(function() {
3  var nav = $('.global_nav'),
4  offset = nav.offset();
5  $(window).scroll(function () {
6    if($(window).scrollTop() > offset.top) {
7      nav.addClass('gnavi-fixed ');
8    } else {
9      nav.removeClass('gnavi-fixed ');
10    }
11  });
12});
13
14///////////// 固定フッター・ページTOPボタン /////////////
15$(document).ready(function() {
16  var pagetop = $('.pagetop');
17    $(window).scroll(function () {
18       if ($(this).scrollTop() > 100) {
19            pagetop.fadeIn();
20            $('.fixed_footer').fadeIn();
21       } else {
22            pagetop.fadeOut();
23            $('.fixed_footer').fadeOut();
24            }
25       });
26       pagetop.click(function () {
27           $('body, html').animate({ scrollTop: 0 }, 500);
28              return false;
29   });
30});
31
32///////////// SP MENU /////////////
33$(function () {
34  $('.menu_box').on('click',function(){
35    if( $(this).hasClass('active') ){
36      $(this).removeClass('active');
37      $('.menu_content').addClass('close').removeClass('open');
38    }else {
39      $(this).addClass('active');
40      $('.menu_content').addClass('open').removeClass('close'); 
41    }
42  });
43});
44
45///////////// ページ内リンク /////////////
46$(function(){
47  var headerHight = $('.global_nav').height();
48  $('a[href^="#"]:not(.wp-google-url)').click(function(){
49    // console.log(headerHight);
50    var speed = 400;
51    var href= $(this).attr("href");
52    var target = $(href == "#" || href == "" ? 'html' : href);
53    var position = target.offset().top - headerHight;
54    $('body,html').animate({scrollTop:position}, speed, 'swing');
55    return false;
56  });
57});
58
59///////////// slick-slider /////////////
60$(function () {
61  $(".slider").slick({
62    arrows: true,
63    prevArrow: '<button class="arrow-common arrow-prev"></button>',
64    nextArrow: '<button class="arrow-common arrow-next"></button>',
65    adaptiveHeight: true,
66    centerMode: true,
67    centerPadding: "20.6%",
68    dots: false,
69    responsive: [
70      {
71        breakpoint: 1024,
72            settings: {
73                centerPadding: "9%",
74            },
75      },
76      {
77        breakpoint: 960,
78            settings: {
79                centerPadding: "7%",
80            },
81      },
82      {
83        breakpoint: 568, // 500px未満で・・・
84        settings: {
85          centerPadding: "7%",
86            },
87      },
88    ],
89  });
90});
91$(window).on("resize orientationchange", function () {
92  $(".slider").slick("resize");
93});