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

関連記事

  1. JavaScript

    JavaScriptで連想配列(ハッシュ)から1つずつ値を取り出して配列に入れてランダムで取得する

    タイトルが分かりづらくてあれなんですが、JavaScriptの連想配列…

  2. Guardian

    JavaScript

    フォームにバリデーションを実装できるjQueryプラグイン「Guardian」

    Guardianはフォームにバリデーション機能を実装することができるj…

  3. no-image

    JavaScript

    シンプルでカスタマイズもしやすいタブパネル実装「jquery-tab」

    jquery-tabはシンプルなタブパネルを実装することができるjQu…

  4. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでsetTimeoutを使えば各要素のアニメーションを実行させる時間を調整できる

    jQueryのsetTimeoutを使えば何秒後に実行するかといったこ…

  5. ArtDesignSlider

    JavaScript

    レスポンシブで豊富なエフェクトのイメージスライダー「ArtDesignSlider」

    ArtDesignSliderは豊富なエフェクトでレスポンシブにも対応…

  6. jQuery-Simple-MobileMenu

最近の記事

  1. Anker PowerCore Lite 20000
  2. ネクスタイム
  3. フォールドオーバーポーチ
  4. 田沢湖
  5. ハクバ シリコンクロス

Instagram始めました

Facebookページ

アーカイブ

PAGE TOP