ページ内スクロールのjQueryプラグインいろいろ

Ads

ページ内、要素間のスムースな
スクロールを実装する事が可能な
jQueryプラグインのメモ。使ってい
るサイトも随分見かけるようになっ
てきましたね。

個人的には特定のものしか使っておらず、いろいろと挑戦したいと考えているのでそのとき用にメモ。カルーセルとかギャラリーみたいなスライダータイプは今回割愛しています。

ScrollTo Posts With jQuery

scroll-jquery01

ページ内をダイナミックにスクロール。サイドのメニューっぽいところで操作します。

ScrollTo Posts With jQuery

Create a Vertical, Horizontal and Diagonal Sliding Content Website with jQuery

scroll-jquery02

3種類あります。div要素を1ページ表示してスムーズなスクロールで移動。

Create a Vertical, Horizontal and Diagonal Sliding Content Website with jQuery

Smooth Vertical or Horizontal Page Scrolling with jQuery

scroll-jquery03

こちらも、ページ移動をスクロールで移動してるように見せたプラグイン。スピード感もあります。

Smooth Vertical or Horizontal Page Scrolling with jQuery

Vertical Scroll Menu with jQuery Tutorial

scroll-jquery04

マウスの動きに応じて縦にするクロールするメニュー。動きが若干怪しいです・・

Vertical Scroll Menu with jQuery Tutorial

ひと味違ったページ内スクロールをjQuery Easingプラグインで実装する jQuery.easing.scroll.js

scroll-jquery05

ページ内リンク間をスムーズなスクロールで移動出来ます。便利。

ひと味違ったページ内スクロールをjQuery Easingプラグインで実装する jQuery.easing.scroll.js

jQuery.ScrollTo

scroll-jquery06

一定の場所にスムーズなスクロールで戻れるプラグインです。

jQuery.ScrollTo

JQUERY SCROLL FOLLOW

scroll-jquery07

下にスクロールすると要素も同時に降りてくるプラグイン。

JQUERY SCROLL FOLLOW

簡単に設置できるページ内をスムーズにスクロールできるスクリプト -Page Scroller

scroll-jquery08

コリスさんのやつです。商用の場合は有償。

簡単に設置できるページ内をスムーズにスクロールできるスクリプト -Page Scroller

7 ‘Scroll to Top’ jQuery Solutions

scroll-jquery09

「上へ戻る」的なプラグインのまとめ。

7 ‘Scroll to Top’ jQuery Solutions

iPhoneのようにフリック操作でスクロールできるjQueryプラグインつくった

scroll-jquery10

iPhoneライクなスクロールプラグイン。なんかかわいい。デモではフレーム内で実装しています。

iPhoneのようにフリック操作でスクロールできるjQueryプラグインつくった

以上、ページ内スクロールのjQueryプラグインいろいろでした。

タイトルとURLをコピーしました