スワイパーの基本的な使い方(3)

まず、最初のレッスンの内容に従って、基本的なスワイパーページを実装します。
次に、初期化された js コードに属性を追加します。

もちろん、ダウンロードしたフレームワークファイルを事前に引用することを忘れないでください。
まず、ページめくりナビゲーションの機能コンポーネントを追加します。ページの垂直スクロールや垂直スクロールでのナビゲーションのスタイルを確認するのに便利です。

ページナビゲーションを外部コンテナに追加します。

<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">页面内容</div>
<div class="swiper-slide">页面内容</div>
<div class="swiper-slide">页面内容</div>
<div class="swiper-slide">页面内容</div>
<div class="swiper-slide">页面内容</div>
</div>
<div class="swiper-pagination"></div>  //翻页导航的div
</div>
<script>
var swiper = new Swiper(&#39;.swiper-container&#39;,{
pagination:&#39;.swiper-pagination&#39;,   //绑定翻页导航
paginationClickable:true，        //设定可以点击翻页导航进行翻页
direction:&#39;vertical&#39;                //设定页面垂直翻页
});
</script>

これにより、ページが垂直にスクロールできるようになります。

上記はスワイパーの基本的な使い方(3)です。その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) をご覧ください。