設定

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