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

関連記事

  1. Zoom Slider

    JavaScript

    ズーム機能を備えたシンプルなコンテンツスライダー「Zoom Slider」

    Zoom Sliderは奥行き感を演出したズーム機能を備えたシンプルな…

  2. ZooMove

    JavaScript

    マウスオーバーで画像を拡大ズーム・移動もできるjQueryプラグイン「ZooMove」

    ZooMoveは、マウスオーバーで指定された画像やエリアをズームするこ…

  3. Kontext

    JavaScript

    iOSの画面切り替えのようなスライドができるJavaScript「Kontext」

    KontextというJavaScriptを使えばiOSの画面切り替えの…

  4. no-image

    JavaScript

    フレキシブルでモバイルフレンドリーなフォトギャラリー実装「jGallery」

    jGalleryは、フレキシブルでモバイルフレンドリーなフォトギャラリ…

  5. TabTab.js

    JavaScript

    アニメーション付きで切り替わるjQueryのタブプラグイン「TabTab.js」

    TabTab.jsは素敵なアニメーション付きのタブコンテンツを実装する…

  6. Zoomer

    JavaScript

    画像をズームできてギャラリーにもすることができるjQueryプラグイン「Zoomer」

    ZoomerというjQueryプラグインを使えば画像をズームさせる機能…

最近の記事

  1. iPhone 11 ProとApple Watch Hermès
  2. cheero Energy Plus mini Wireless 4400mAh
  3. cheero 2 port PD Charger
  4. 台座と紅葉
  5. ニルヴァーナ バターチキンカレー

アーカイブ

PAGE TOP