FREVR

JavaScript

シンプルな無限スクロールを実装できるjQueryプラグイン「FREVR」

FREVRはシンプルで軽量な無限スクロールの機能を実装することができるjQueryプラグインです。次のページや前のページなど、ユーザーがいちいちクリックしなくてもスクロールしていくことで次々にコンテンツが自動で表示されていくのでとても効率的にWebページを楽しむことができますね。

FREVR

デモ

デモページを読み込んだ先の画面では「Scroll down」と表示されていて、このとおり下へスクロールしていくと画像がついたコンテンツがどんどん表示されていきます。「Next page」という部分までスクロールされると、次のコンテンツが自動的に読み込まれて表示される仕組みです。

下へスクロールしていくだけで勝手にコンテンツが表示されていくので、手間が省けてとても快適ですね。ブログのトップページをはじめ、いろんなところで活用できる機能といえるのではないでしょうか。

マークアップもスッキリしていて記述しやすく、使い方自体も簡単なので手軽に実装できると思います。オプションには、next、posts、triggerといった項目が用意されていて、各オプション項目のデフォルト値は、nextが#next-page、postsが#posts、triggerが500に設定されています。

FREVR

関連記事

  1. Pagination.js

    JavaScript

    シンプルでさまざまなカスタマイズが可能な「Pagination.js」

    Pagination.jsはシンプルでさまざまなカスタマイズが可能なペ…

  2. Naver

    JavaScript

    シンプルですごくいい!レスポンシブに合うナビゲーションのjQueryプラグイン「Naver」

    NaverというjQueryプラグインがすごくシンプルでよかったのでご…

  3. JavaScript

    テキストを中央に向かうにつれて大きくしたりできるjQueryプラグイン「jqIsoText」

    結構おもしろかったのでメモしときます。テキストに簡単なエフェクトをかけ…

  4. no-image

    JavaScript

    フォームに文字制限を設定できるjQueryプラグイン「Character Limit」

    Character Limitは、フォーム要素に文字制限を設定するため…

  5. Slight Submenu
  6. scrollama.js

    JavaScript

    スクロールイベントを実装できるモダンで軽量なJSライブラリ「scrollama.js」

    scrollama.jsは、スクロールイベントを実装することができるモ…

最近の記事

  1. ワンタッチ着脱フィルターキット
  2. Soundcore Ace A1
  3. cheero USB-C PD Charger 60W
  4. DY-S01

アーカイブ

PAGE TOP