jQuery Scrollify

JavaScript

セクションごとにスクロールしてくれる「jQuery Scrollify」

jQuery ScrollifyはセクションごとにスクロールしてくれるjQueryプラグインです。1つのページのなかでセクション単位でスクロールしていける機能を実装したいというときに活用できると思います。

jQuery Scrollify

デモ

デモではセクションごとにスクロールされていく動作を確認できます。一般的なスクロールのように、徐々にスクロールされるのではなく、セクション単位でスクロールで切り替わっていくので、とても効率的にコンテンツを見ていけます。

もちろんスクロールは上下可能です。

使い方もカンタンなうえに、オプションもいろいろ用意されているのでカスタマイズ性にも優れています。

主なオプションは、section、sectionName、interstitialSection、easing、scrollSpeed、offset、scrollbars、standardScrollElements、setHeights、overflowScroll、updateHash、touchScrollなどがあります。

スクロールされるスピードやスクロールバーを表示させるか否かなど、わりと細かい部分までカスタマイズできるようになっています。

というわけで、セクションごとにスクロールできる機能を実装したいという人は、ぜひ「jQuery Scrollify」を試してみてはいかがでしょうか?

jQuery Scrollify

Siema軽量でシンプルで依存性のないカルーセルを実装できる「Siema」前のページ

オシャレなカラーピッカーを手軽に表示させれる「Huebee」次のページHuebee

関連記事

  1. jCalculator

    JavaScript

    jQueryプラグインで電卓を実装できる「jCalculator」

    jCalculatorというjQueryプラグインを使えば入力フィール…

  2. Jqx-Media-Slider
  3. jQuery Notebook
  4. nanogallery2

    JavaScript

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

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

  5. Reframe.js

    JavaScript

    特定の要素をレスポンシブ化してくれる「Reframe.js」

    Reframe.jsはレスポンシブに対応していない特定の要素をレスポン…

  6. no-image

    JavaScript

    タブやアコーディオンを実装できるjQueryプラグイン「jpix」

    jpixはシンプルなタブやアコーディオンを実装することができるjQue…

最近の記事

  1. セミの抜けがら
  2. Nikeスポーツバンド(アンスラサイト/ブラック)
  3. COMOLI 和紙コットンリストバンド
  4. スターバックス インドネシア アチェ
  5. ベーコンとほうれん草のキッシュ

アーカイブ

PAGE TOP