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. ホワイトチョコマカダミアドーナツ
  2. エッグペペ
  3. ダークチョコレート
  4. 朝のコーヒー
  5. ザンビア
PAGE TOP