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. qpScroll
  2. JavaScript

    円グラフ/折れ線グラフ/棒グラフを簡単に作れるjQueryプラグイン「Peity」

    個人的にかなり便利なプラグインを発見しました。円グラフ、折れ線グラフ、…

  3. flipLightBox
  4. Chariot

    JavaScript

    Webページ内でステップごとのガイドツアーを実装できる「Chariot」

    ChariotはWebページ内でのガイドツアーを実装することができるJ…

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

    JavaScript

    jQueryでJavaScriptのfor…inを使ってオブジェクトから値を1つずつ取り…

    JavaScriptにはfor...inというプロパティの数だけ繰り返…

  6. Parallaxor

    JavaScript

    美しいパララックス効果を最小限のコードで実装できるjQueryプラグイン「Parallaxor」

    Parallaxorは最小限のミニマルなコードで美しいパララックス効果…

最近の記事

  1. タリーズ ハムチーズ&サラダサンド
  2. クリニカのY字タイプのフロス
  3. 日和山公園の桜
  4. 成城石井 フレンチロースト
  5. COMOLI カシミアシルクニットパーカ

アーカイブ

PAGE TOP