pagePiling.js

JavaScript

垂直にスライドするようなスクロールを実装できるjQueryプラグイン「pagePiling.js」

pagePiling.jsは垂直にスライドするようなスクロール機能を実装できるjQueryプラグインです。スクロールの他にもナビゲーションリンクをクリックすることでそのページまでアクセスすることもできます。

[ads_center]

pagePiling.jsの使い方

以下から実際のデモ動作を確認することができます。

pagePiling.js

デモ

ダイナミックに画面いっぱいスクロールされていくので、インパクトがありますね。

使い方は、jQuery本体とプラグインファイルを読み込んだ状態で以下のようにHTMLをマークアップします。

<div id="pagepiling">
    <div class="section">・・・</div>
    <div class="section">・・・</div>
    <div class="section">・・・</div>
</div>

あとはpagePiling.jsを呼び出してあげるだけです。

$(document).ready(function() {
    $('#pagepiling').pagepiling();
});

オプションでスクロールスピードなんかも調整できるみたいです。

pagePiling.js

OneBook3dフォトアルバム(ブック)に最適なjQueryプラグイン「OneBook3d」前のページ

Macのテキストエディットで文字サイズを標準に戻すショートカットキーのやり方次のページテキストエディットで標準サイズに戻すやり方

関連記事

  1. funnyText.js
  2. ad-datepicker

    JavaScript

    アクセシブルなデートピッカーを実装できる「ad-datepicker」

    ad-datepickerはアクセシブルなデートピッカーを実装できるj…

  3. Basic Metro Dynamic jQuery Tab Menu
  4. no-image
  5. JavaScript

    スマホやタブレットでのスワイプに対応したモバイルにも最適なjQueryスライダー「Swiper」

    とてもよさそうだったのでメモしときます。スワイプで切り替えることができ…

  6. Guardian

    JavaScript

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

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

最近の記事

  1. SRS-XB43
  2. Nu:kin
  3. フィールグッドシャワー

アーカイブ

PAGE TOP