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. dndod

    JavaScript

    依存性のないシンプルで簡単なモーダルライブラリ「dndod」

    dndodはjQueryなどへの依存性のないシンプルで簡単なJavaS…

  2. curtains.js

    JavaScript

    カーテンがヒラヒラ動くようなテクスチャ面を実装できる「curtains.js」

    curtains.jsはカーテンがヒラヒラと波打つ動きのようなテクスチ…

  3. jQuery Modal

    JavaScript

    シンプルでレスポンシブなモーダルボックス「jQuery Modal」

    jQuery Modalはシンプルでレスポンシブに対応したモーダルボッ…

  4. hoverpulse

    JavaScript

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

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

  5. JavaScript

    レスポンシブでカスタマイズ性に優れたカルーセルを実装できるjQueryプラグイン「slick」

    slickというjQueryプラグインを使えば、レスポンシブでカスタマ…

  6. Easy Responsive Tabs to Accordion

    JavaScript

    レスポンシブ対応のタブとアコーディオンで切り替わるjQueryプラグイン「Easy Responsi…

    今すぐにでも使いたいjQueryプラグインを見つけたので備忘録。レスポ…

最近の記事

  1. そそそ 明太クリームそうめん
  2. すしざんまい
  3. 蒼龍唐玉堂 特製牛バラ担々麺
  4. サーモンアボカドサラダラップとドリップ
  5. 猿田彦フレンチ

アーカイブ

PAGE TOP