スライダー(Swiper)をスマホ表示時に機能を切りたい

スライダーにSlickを使用していましたが、
Swiperに変更しているところです。

Slickの時の unslick のように、
スマホ表示時はSwiperの機能を解除することができますでしょうか。

html
1          <!-- Slider main container -->
2          <div class="swiper-container">
3            <!-- Additional required wrapper -->
4            <div class="swiper-wrapper">
5              <!-- Slides -->
6              <div class="swiper-slide"><img src="img/top/kv01.png" alt=""></div>
7              <div class="swiper-slide"><img src="img/top/kv02.png" alt=""></div>
8              <div class="swiper-slide"><img src="img/top/kv03.png" alt=""></div>
9            </div>
10            <!-- If we need pagination -->
11            <div class="swiper-pagination"></div>
12          </div>

javascript
1var mySwiper = new Swiper ('.swiper-container', {
2  loop: true,
3  pagination: {
4    el: '.swiper-pagination',
5    clickable: true　 // ページネーションを表示するセレクタ
6  },
7  autoplay: {
8    delay: 5000, // スライドが切り替わるまでの表示時間(ミリ秒)
9    stopOnLast: false, // 最後のスライドまで表示されたら自動再生を中止するか
10    disableOnInteraction: true // ユーザーのスワイプ操作を検出したら自動再生を中止するか
11  },
12  breakpoints: {
13    // 750ピクセル幅以下になったら
14    750: {
15      ???
16    },
17  },
18})

この、「750ピクセル幅以下になったら」のところに入れるオプション、もしくは
機能を止めるやり方を教えていただけたら幸いです。

行動規範の内容に同意します

回答2件

自己解決

いただいた回答の中の　mySwiper.destroy( true, true ); 　をヒントに調べて、
下記で出来ました！
ありがとうございました。

javascript
1(function() {
2
3  'use strict';
4
5  // breakpoint where swiper will be destroyed
6  // and switches to a dual-column layout
7  const breakpoint = window.matchMedia( '(max-width:751px)' );
8
9  // keep track of swiper instances to destroy later
10  let mySwiper;
11
12  //////////////////////////////////////////////////////////////////
13  //////////////////////////////////////////////////////////////////
14  //////////////////////////////////////////////////////////////////
15
16  const breakpointChecker = function() {
17
18    // if larger viewport and multi-row layout needed
19    if ( breakpoint.matches === true ) {
20
21      // clean up old instances and inline styles when available
22	  if ( mySwiper !== undefined ) mySwiper.destroy( true, true );
23
24	  // or/and do nothing
25	  return;
26
27      // else if a small viewport and single column layout needed
28      } else if ( breakpoint.matches === false ) {
29
30        // fire small viewport version of swiper
31        return enableSwiper();
32
33      }
34
35  };
36
37  //////////////////////////////////////////////////////////////////
38  //////////////////////////////////////////////////////////////////
39  //////////////////////////////////////////////////////////////////
40
41  const enableSwiper = function() {
42
43    mySwiper = new Swiper ('.swiper-container', {
44      loop: true,
45      pagination: {
46        el: '.swiper-pagination',
47        clickable: true　 // ページネーションを表示するセレクタ
48      },
49      autoplay: {
50        delay: 5000, // スライドが切り替わるまでの表示時間(ミリ秒)
51        stopOnLast: false, // 最後のスライドまで表示されたら自動再生を中止するか
52        disableOnInteraction: true // ユーザーのスワイプ操作を検出したら自動再生を中止するか
53      },
54    });
55
56  };
57
58  //////////////////////////////////////////////////////////////////
59  //////////////////////////////////////////////////////////////////
60  //////////////////////////////////////////////////////////////////
61
62  // keep an eye on viewport size changes
63  breakpoint.addListener(breakpointChecker);
64
65  // kickstart
66  breakpointChecker();
67
68
69
70})(); /* IIFE end */
71