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