https://www.tv-hokkaido.co.jp/js/common2022.js?1

1$(function() {
2
3  const scrollLink = $('a[href^="#"]');
4  const htmlBody = $('body, html');
5  // const mediaQueryList = window.matchMedia("(max-width:767px)");
6
7  // スクロールリンク
8  scrollLink.on('click', function() {
9    const speed = 400;
10    const href = $(this).attr('href');
11    const target = $(href == '#' || href == '' ? 'html' : href);
12    const position = target.offset().top;
13    htmlBody.animate({ scrollTop: position }, speed, 'swing');
14    return false;
15  });
16
17  const swiperPickup = new Swiper('#swiper-pickup', {
18    centeredSlides: true,
19    loop: true,
20    // breakpoints: {
21    //   // when window width is >= 320px
22    //   320: {
23    //     slidesPerView: 1.39,
24    //   },
25    //   // when window width is >= 768px
26    //   768: {
27    //     slidesPerView: 3.7,
28    //     centeredSlides: false,
29    //   },
30    //   820: {
31    //     slidesPerView: 3.8,
32    //   },
33    //   1100: {
34    //     slidesPerView: 4,
35    //   },
36    //   1200: {
37    //     slidesPerView: 4.2,
38    //   },
39    //   1250: {
40    //     slidesPerView: 4.4,
41    //   },
42    //   1300: {
43    //     slidesPerView: 4.6,
44    //   },
45    //   1350: {
46    //     slidesPerView: 4.8,
47    //   },
48    //   1400: {
49    //     slidesPerView: 5,
50    //   },
51    //   1450: {
52    //     slidesPerView: 5.2,
53    //   },
54    //   1500: {
55    //     slidesPerView: 5.4,
56    //   },
57    //   1550: {
58    //     slidesPerView: 5.6,
59    //   },
60    //   1600: {
61    //     slidesPerView: 5.8,
62    //   },
63    //   1650: {
64    //     slidesPerView: 6,
65    //   },
66    //   1700: {
67    //     slidesPerView: 6.2,
68    //   },
69    //   1750: {
70    //     slidesPerView: 6.4,
71    //   },
72    //   1800: {
73    //     slidesPerView: 6.6,
74    //   },
75    //   1850: {
76    //     slidesPerView: 6.6,
77    //   },
78    //   1900: {
79    //     slidesPerView: 6.6,
80    //   },
81    //   1950: {
82    //     slidesPerView: 6.6,
83    //   },
84    //   2000: {
85    //     slidesPerView: 6.6,
86    //   },
87    // },
88    breakpoints: {
89      320: {
90        slidesPerView: 'auto',
91        spaceBetween: 15,
92        centeredSlides: true
93      },
94      768: {
95        slidesPerView: 'auto',
96        spaceBetween: 15,
97        centeredSlides: true
98      }
99    },
100    speed: 600,
101    autoplay: {
102      delay: 3000,
103      disableOnInteraction: false
104    },
105  });
106
107  // // イベントリスナー
108  // const listener = (event) => {
109  //   // リサイズ時に行う処理
110  //   if (event.matches) {
111  //     // 以下SP
112  //     // 767px以下
113  //     const swiperPickup = new Swiper('#swiper-pickup--sp', {
114  //       centeredSlides: true,
115  //       loop: true,
116  //       slidesPerView: 1.39,
117  //       speed: 600,
118  //       autoplay: {
119  //         delay: 3000,
120  //         disableOnInteraction: false
121  //       },
122  //     });
123
124  //   } else {
125
126  //     // 以下PC
127  //     // 768px以上
128  //     const swiperPickup = new Swiper('#swiper-pickup--pc', {
129  //       centeredSlides: false,
130  //       loop: true,
131  //       slidesPerView: 4,
132  //       breakpoints: {
133  //         // when window width is >= 320px
134  //         320: {
135  //           slidesPerView: 2,
136  //         },
137  //         // when window width is >= 480px
138  //         480: {
139  //           slidesPerView: 3,
140  //         },
141  //         // when window width is >= 640px
142  //         768: {
143  //           slidesPerView: 4,
144  //         }
145  //       },
146  //       speed: 600,
147  //       autoplay: {
148  //         delay: 3000,
149  //         disableOnInteraction: false
150  //       },
151  //     });
152
153  //   }
154  // };
155
156  // // リスナー登録
157  // mediaQueryList.addEventListener("change", listener);
158
159  // // 初期化処理
160  // listener(mediaQueryList);
161
162});
163
164
165
166
167
168