jquery.pagination.jsというプラグインを使用し、ページの下部にページネーションを設置中です。
参考:https://shanabrian.com/web/jquery/pagination.php
参考ページのようにコンテンツが少ない場合はその場で切り替わるだけでも違和感がないのですが、今回設置しようとしているページのコンテンツが長い為、ページャーをクリックした後にわざわざスクロールして上まで戻らないといけません。
クリックしたらページの先頭に移動するソースを追加したいのですが、どなたか教えていただけないでしょうか。
通販サイトなどによくみる動作が理想です。
https://zozo.jp/category/tops/
<div class="js-filter-items"> <div> 長いコンテンツ1 </div> <div> 長いコンテンツ2 </div> <div> 長いコンテンツ3 </div> <div> 長いコンテンツ4 </div> <div> 長いコンテンツ5 </div> <div> 長いコンテンツ6 </div> </div>
$(function(){ $('.js-filter-items').pagination({ itemElement: '>div:not(.hidden)', // 配下のli要素のうち.hiddenでないものを対象とする displayItemCount: 3, prevNextPageBtnMode: false, onePageOnlyDisplay: false, paginationClassName: 'pager', paginationInnerClassName: 'pager_inner', pageNumberClassName: 'pager_num', }); });
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/01/19 10:18
2021/01/19 18:30
2021/01/20 03:02