[ jQuery.autopager ] ページの下までスクロールすると、自動的に次のページを読み込む jQuery プラグイン

スポンサードリンク

ページの下までスクロールすると、自動的に次のページを読み込む [ jQuery.autopager ] という jQuery プラグインを試してみました。

サンプルコード

一番簡単なサンプルです。 ページの下までスクロールすると、自動的に次のページを読み込みます。

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
        <script src="jquery.autopager-1.0.0.min.js"></script>
        <script>
            $(function() {
                $.autopager();
            });
        </script>
        <style>
            .content {
                width: 600px;
                height: 1200px;
                border: 1px solid #CCC;
            }
        </style>
    </head>
    <body>
        <div class="content">content</div>
        <a href="#next" rel="next">Next</a>
    </body>
</html>

参考にさせてもらったページ

ありがとうございます!

スポンサードリンク

この記事が気に入ったら、ぜひシェアをお願いします!

コメントを残す

メールアドレスが公開されることはありません。

ABOUTこの記事をかいた人

Mac, iPhone, WordPress が好きなウェブディレクター。 香川県坂出市出身。香川県高松市在住。 1973 年生まれで三児の父。川添おやじの会会長。ネギと玉ねぎが嫌い。