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