no-image

JavaScript

オシャレなスクロールエフェクトを実装できる「jQuery Smoove」

jQuery Smooveは、オシャレなスクロールエフェクトを実装することができるjQueryプラグインです。CSS3を使用しているとのこと。ページを下へスクロールした時にコンテンツをエフェクト付きで表示させたい場合に活用したくなりますね。

jQuery Smoove

ABE Media

上記のサイトではページを下へスクロールしていくと、コンテンツがエフェクト付きで表示されます。フェードでフワッと表示されたり、下から起き上がってくるようなエフェクトで表示されたりと、どれもさりげない感じのエフェクトでとてもカッコイイですね。

エフェクトがあることでコンテンツがただ表示されるよりも、よりユーザーに注目してもらえそうですね。サイト全体もどこか優雅な印象になるかと思います。

使い方もシンプルでわかりやすく、またオプションもいろいろあるのでカスタマイズして使いたい人にもピッタリです。

主なオプションは、min_width、min_height、offset、opacity、perspective、transformOrigin、skewY、move、move3d、moveX、moveY、moveZ、rotate、rotate3d、rotateX、rotateY、rotateZ、scale、scale3d、scaleX、scaleY、skew、skewX、skewYです。

というわけで、オシャレなスクロールエフェクトでスムーズにコンテンツを表示できる機能を実装したいという人は、ぜひ「jQuery Smoove」を活用されてみてはいかがでしょうか?

jQuery Smoove

PickeriOSのようなピッカーを実装できるJSライブラリ「Picker」前のページ

シンプルでモダンなさりげない通知システムを実装できる「humane.js」次のページhumane.js

関連記事

  1. Add To Cart Interaction
  2. no-image

    JavaScript

    さまざまなデバイスに対応したパララックスを実装できる「PARALLAX」

    PARALLAXは、さまざまなデバイスに対応したシンプルなパララックス…

  3. Sliiide

    JavaScript

    シンプルなスライディングメニューを実装できる「Sliiide」

    Sliiideはシンプルなスライディングメニューを実装することができる…

  4. TypeIt

    JavaScript

    タイピングアニメーションを実装できる「TypeIt」

    TypeItはタイピングアニメーションを実装できるjQueryプラグイ…

  5. ToProgress

    JavaScript

    画面上部に軽量なプログレスバーを実装できる「ToProgress」

    ToProgressは画面上部にシンプルで軽量なプログレスバーを実装で…

最近の記事

  1. ハムエッグホットサンドとドリップコーヒー
  2. 高輪ゲートウェイ駅のスタバ
  3. 新幹線
  4. リッチモンドホテル
  5. ハーブバターチキン 石窯フィローネとドリップコーヒー

アーカイブ

PAGE TOP