ページナンバーリンク付き無限スクロール機能サンプル

1ページ目の記事が全て表示されると、自動的に2ページ目を読み込み追加表示します。2ページ目以降も同じ繰り返しで、すべてのページを表示します。

メロン

最終更新日：2019年07月10日

コメントコメントコメント
コメントコメントコメント
1ページ

イチゴ

最終更新日：2019年07月03日

コメントコメントコメント
コメントコメントコメント
1ページ

花01

最終更新日：2019年07月12日

コメントコメントコメントコメント
コメントコメントコメントコメントコメントコメントコメント
1ページ

花02

最終更新日：2019年07月11日

コメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメントコメント
コメントコメントコメントコメントコメント
1ページ

花03

最終更新日：2019年07月10日

コメントコメントコメントコメント
コメントコメントコメント
1ページ

スマホはこちらへ

特徴

・	無限スクロール機能何ページにもわたるコンテンツを、ページ移動せずにスクロールするだけで、自動的に次のページを読み込んで追加表示します。しかも高速表示。 1ページ目の内容が表示され、スクロールにより最下段まで来ると、自動的に2ページ目を読み込み追加表示します。 2ページ目以降も同じ繰り返しで、すべてのページを同一ページに表示します。
・	ページナンバーリンク付き各ページのナンバーをリンク付きで表示。直接ページへ移動することも可能。スクロールにて表示したページのナンバーには背景色が付いていきますので、何ページから何ページまでが表示されているかがわかります。又、現在ブラウザに見えている部分のページナンバーには、枠が付き文字色も変わります。
・	ブックマークも可能現在見ている部分のページアドレスが、常にブラウザのアドレスバーに表示されます。スクロールして別のページの内容が表示されると、アドレス表示も変わります。これにより、今見ている部分のブックマークが可能です。
・	PC、タブレット、スマホ等あらゆる端末に対応。レスポンシブデザイン対応。Googleが推奨するSEOにも適応。