https://mugishochu-iki.com/assets/js/toppage.js

1$(function(){
2
3  //トップページスライダー設定（/index.html）
4  var widthW = $(window).width();
5
6  if(widthW <= 786){
7    $('.mainvisual_slick_sp').slick({
8      autoplay: true,
9      dots: true,
10      arrows: false,
11    });
12  } else {
13    $('.mainvisual_slick').slick({
14      autoplay: true,
15      dots: true,
16      arrows: false,
17    });
18  }
19
20  $('.selection_slick').slick({
21    autoplay: true,
22    autoplaySpeed: 1500,
23    slidesToShow: 4,
24    slidesToScroll: 1,
25    prevArrow: '<button type="button" class="slick-prev"><i class="fas fa-chevron-left"></i></button>',
26    nextArrow: '<button type="button" class="slick-next"><i class="fas fa-chevron-right"></i></button>',
27    variableWidth: false,
28    responsive: [{
29      breakpoint: 768,
30      settings: {
31        slidesToShow: 1,
32        prevArrow: '<button type="button" class="slick-prev"><i class="fas fa-chevron-left fa-2x"></i></button>',
33        nextArrow: '<button type="button" class="slick-next"><i class="fas fa-chevron-right fa-2x"></i></button>',
34      }
35    }]
36  });
37
38  //トップページヘッダー固定（/index.html）
39  $(window).scroll(function () {
40      var nav = $('#top_nav'),
41      target = $('#top_nav .scroll_nav'),
42      navBottom = nav.offset().top + nav.height(),
43      scrollTop = $(window).scrollTop(),
44      width = $(window).width();
45
46      if(1200 <= width) {
47        if(navBottom <= scrollTop){
48          target.css({
49            'position':'fixed',
50            'top': 0,
51            'border-bottom' : '2px solid #ddd'
52          });
53        } else {
54          target.css({
55            'position':'static',
56            'border-bottom' : '0px solid #ddd'
57          });
58        };
59      } else {
60        target.css({
61            'position':'fixed',
62            'top': 0,
63            'border-bottom' : '2px solid #ddd'
64        });
65      }
66  });
67
68});