設定
- pagePiling.js(https://alvarotrigo.com/pagePiling/)でダウンロードボタンをクリックします。
- ダウンロードしたzipファイルを解凍します。
- エディターを起動しhead部に下記ファイルのリンクを記載します。
「jquery.pagepiling.css」
- head部に下記ジャバスクリプトの呼び込みを記載します。
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
「jquery.pagepiling.js」又はその縮小版「jquery.pagepiling.min.js」
- 下記によりジャバスクリプトを記載します。
<script>
$(document).ready(function() {
//ここに書いていきます。
});
</scrip>
- body部に下記を記載します。
<div id="pagepiling">
<div class="section">Some section</div>
<div class="section">Some section</div>
<div class="section">Some section</div>
<div class="section">Some section</div>
</div>
- 上記Some sectionを掲載内容に書き換えます。