FSVS(Full Screen Vertical Scroller)

JavaScript

シンプルなフルスクリーンのスクロールを実装できるjQueryプラグイン「FSVS(Full Screen Vertical Scroller)」

FSVS(Full Screen Vertical Scroller)というjQueryプラグインを使えば、シンプルなフルスクリーンの垂直スクロールを実装することができます。コンテンツごとにスライドのようなスクロール動作をします。操作方法は、マウスホイールの他にもページネーションや矢印キーにも対応させることが可能です。

[ads_center]

FSVS(Full Screen Vertical Scroller)

実際のデモは以下から確認できます。

FSVS(Full Screen Vertical Scroller)

デモ

タッチジェスチャーにも対応しているので、スマホからでも操作することができました。

滑らかにスライドしていくので気持ちよくコンテンツを切り替えていけますね。

オプションもいろいろと設定が可能です。スピード、マウスホイール、タッチイベント、矢印キーなどといった様々な設定をすることができます。

FSVS

WordPressで広告を非表示WordPressで指定したタグを付けると広告を非表示にできる設定方法前のページ

スクロールしても固定表示されてついてくるjQueryプラグイン「Sticky」次のページ

関連記事

  1. no-image

    JavaScript

    いろんなズーム機能を実装できるjQueryプラグイン「xZoom」

    xZoomはいろんなズーム機能を実装することができるカスタマイズ性に優…

  2. RELLAX

    JavaScript

    超軽量で滑らかなパララックスを実装できるライブラリ「RELLAX」

    RELLAXは、滑らかなパララックスを実装できるバニラJavaScri…

  3. Impulse Slider

    JavaScript

    3Dスライダーを実装できるjQueryプラグイン「Impulse Slider」

    Impulse SliderというjQueryプラグインを使えば3Dス…

  4. curtains.js

    JavaScript

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

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

  5. iconate.js

    JavaScript

    アイコンをオシャレにアニメーションしながらtransformさせる「iconate.js」

    iconate.jsはアイコンをアニメーションさせながら別のアイコンへ…

  6. Navigation

    JavaScript

    コンテンツを押し出してナビゲーションを表示する「Navigation」

    Navigationはコンテンツを押し出すかたちでナビゲーションを表示…

最近の記事

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

アーカイブ

PAGE TOP