FREVR

JavaScript

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

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

FREVR

デモ

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

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

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

FREVR

関連記事

  1. funnyText.js
  2. Listt

    JavaScript

    リストをiOSのようにアニメーションできるjQueryプラグイン「Listt」

    ListtはリストをiOSのセレクトボックスのようにアニメーションさせ…

  3. textfit.js

    JavaScript

    コンテナにテキストをフィットさせれるjQueryプラグイン「textfit.js」

    textfit.jsは、コンテナ内に表示するテキストをフィットさせるこ…

  4. CollagePlus

    JavaScript

    画像を綺麗に整列させるjQueryプラグイン「CollagePlus」

    画像を綺麗に整列させる便利なjQueryプラグイン「CollagePl…

  5. jQuery.sdFilterMe

    JavaScript

    コンテンツを並べ替えれるフィルタリング機能の実装「jQuery.sdFilterMe」

    jQuery.sdFilterMeは、ポートフォリオ、記事、ギャラリー…

  6. Scroll Indicator

    JavaScript

    シンプルなスクロールインジケーターを実装できる「Scroll Indicator」

    Scroll Indicatorは、スクロールによるアニメーションでコ…

最近の記事

  1. ネクスタイム
  2. フォールドオーバーポーチ
  3. 田沢湖
  4. ハクバ シリコンクロス
  5. トライポッドスリーブ

Instagram始めました

Facebookページ

PAGE TOP