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. Combodate

    JavaScript

    日付や時間をドロップダウン式にしてくれる「Combodate」

    Combodateは日付や時間の入力をドロップダウン式に置き換えてくれ…

  2. Tilt.js

    JavaScript

    パララックスとチルトを兼ね備えたホバーエフェクト実装「Tilt.js」

    Tilt.jsはパララックスとチルトの動きを兼ね備えた滑らかなホバーエ…

  3. Maximum Characters limit exceeded warning
  4. jQuery Flat Shadow

    JavaScript

    フラットデザインに影をつけてくれるjQueryプラグイン「jQuery Flat Shadow」

    フラットデザインのUIに影(シャドウ)をつけてくれるjQueryプラグ…

  5. no-image

    JavaScript

    Bootstrap 4を使ったステッパープラグイン「bs-stepper」

    bs-stepperはBootstrap 4を使ったステッパーを実装で…

  6. SweetAlert

最近の記事

  1. 梅
  2. CAR-HLD12BK
  3. OWL-LPB6701LA

アーカイブ

PAGE TOP