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. クリスマスブロンドロースト
  2. トマトとニンニク
  3. ウィンターホワイトマグツリー
  4. 読書の進捗状況を非表示にする
  5. 牛すじ煮込みカレーと温野菜
PAGE TOP