ページナンバーリンク付き無限スクロール機能 サンプル
Top
<<
|
1
|
2
|
3
|
4
|
5
|
6
|
7
|
>>
1ページ目の記事が全て表示されると、自動的に2ページ目を読み込み追加表示します。2ページ目以降も同じ繰り返しで、すべてのページを表示します。
雲01
最終更新日:2019年08月23日
コメントコメント コメントコメント
コメントコメント コメント
4ページ
フルーツ盛合せ
最終更新日:2016年08月20日
コメントコメントコメントコメントコメント
コメントコメントコメントコメントコメントコメントコメント
4ページ
雲02
最終更新日:2019年07月19日
コメントコメント コメントコメント
コメント
4ページ
メロン
最終更新日:2019年07月10日
コメントコメントコメント
コメントコメントコメント
4ページ
イチゴ
最終更新日:2019年07月03日
コメントコメントコメント
コメントコメントコメント
4ページ
Loading now
メニューサンプル1
メニューサンプル2
メニューサンプル3
メニューサンプル4
メニューサンプル5
メニューサンプル6
メニューサンプル7
メニューサンプル8
メニューサンプル9
メニューサンプル10
スマホはこちらへ
特徴
・
無限スクロール機能
何ページにもわたるコンテンツを、ページ移動せずにスクロールするだけで、自動的に次のページを読み込んで追加表示します。しかも高速表示。 1ページ目の内容が表示され、スクロールにより最下段まで来ると、自動的に2ページ目を読み込み追加表示します。 2ページ目以降も同じ繰り返しで、すべてのページを同一ページに表示します。
・
ページナンバーリンク付き
各ページのナンバーをリンク付きで表示。直接ページへ移動することも可能。 スクロールにて表示したページのナンバーには背景色が付いていきますので、 何ページから何ページまでが表示されているかがわかります。
又、現在ブラウザに見えている部分のページナンバーには、枠が付き文字色も変わります。
・
ブックマークも可能
現在見ている部分のページアドレスが、常にブラウザのアドレスバーに表示されます。 スクロールして別のページの内容が表示されると、アドレス表示も変わります。 これにより、今見ている部分のブックマークが可能です。
・
PC、タブレット、スマホ等あらゆる端末に対応。レスポンシブデザイン対応。Googleが推奨するSEOにも適応。