FREVR

JavaScript

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

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

FREVR

デモ

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

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

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

FREVR

関連記事

  1. Spring Loaders

    JavaScript

    ポリゴンによるローディングアニメーションがかっこいい「Spring Loaders」

    Spring Loadersはポリゴンでつくられたローディングアニメー…

  2. nanogallery2

    JavaScript

    美しくてハイクオリティなイメージギャラリーを実装できる「nanogallery2」

    nanogallery2はパーソナルニーズにピッタリなイメージギャラリ…

  3. sidebar-nav

    JavaScript

    ツリー型のサイドナビゲーションを実装できる「sidebar-nav」

    sidebar-navはツリー型でレスポンシブに対応したサイドナビゲー…

  4. Morphext

    JavaScript

    複数テキストをアニメーションで切り替えていくjQueryプラグイン「Morphext」

    MorphextというjQueryプラグインを使えば、複数テキストをア…

  5. hoverpulse

    JavaScript

    マウスオーバーで画像が拡大するシンプルなjQueryプラグイン「hoverpulse」

    マウスオーバーで画像が拡大するシンプルなjQueryプラグイン「hov…

  6. Progressively

    JavaScript

    画像を徐々に読み込んでくれるJSライブラリ「Progressively」

    Progressivelyは画像を徐々に読み込ませることができるJSラ…

最近の記事

  1. レンズペン3 ミニプロとレンズペン ELITE マイクロプロ
  2. カメラマングローブ Grip Hot Shot III
  3. 包(つつむ)巾着ポーチ
  4. KMC-80BK

Instagram始めました

Facebookページ

PAGE TOP