BETA

jqueryで無限スクロール

投稿日:2020-07-24
最終更新:2020-07-24

webサイトで無限スクロールさせる方法。

jQueryプラグインのinfinite scrollを使ったらできた。

以下の公式サイトのデモを見て,htmlやjsを書いたらできた。

init Infinite Scroll

$('.article-feed').infiniteScroll({  
  path: '.pagination__next',  
  append: '.article',// class articleのテキストが追加される。page-2.html以降のファイルもこのclassをつける(忘れてはまった)  
  status: '.scroller-status',  
  hideNav: '.pagination',  
});  

infinite-scroll公式

技術ブログをはじめよう Qrunch(クランチ)は、プログラマの技術アプトプットに特化したブログサービスです
駆け出しエンジニアからエキスパートまで全ての方々のアウトプットを歓迎しております!
or 外部アカウントで 登録 / ログイン する
クランチについてもっと詳しく

この記事が掲載されているブログ

@mihiraTakashiの技術ブログ

よく一緒に読まれる記事

0件のコメント

ブログ開設 or ログイン してコメントを送ってみよう