film

ページ内、要素間のスクロールと言えば、アンカーリンクを真っ先に思い出すブログ脳ですが、今回はそういったものではなくて、凄く商品紹介やコンテンツアピールをしたい時などに使いたいそんなページスクロール達です。

ページ内、要素間のスクロールを実装をしているサイトは、次にくるものが全く違うテイストだったりするので、見るのがワクワクしますね。

1. jQuery Scroll Path

DEMOをご覧頂くとわかるのですが、縦横斜めはもとよりいろいろな角度からページイン、ページアウト出来たりします。

動きもとてもなめらかです。

scrollpath

Githubよりダウンロードが出来ます。ライセンスは、MIT Licensedです。

2. scrollsmoothly.js

製作されたのは、2008年と古いですが、動きがとてもスムーズで、やはりここに戻ってきてしまう一品。

スクロール中にもリンクをクリック可能だったり、別のページからのリンクでも指定の場所までスムーズスクロールします。

scrollsmoothly

上記サイトよりダウンロードが出来ます。ライセンスは、MIT Licensedです。

3. jQuery.flickable

iPhoneやAndroid風にマウスでフリックスクロールできるようにするjQueryプラグイン。

デモも何点かあり、ソースコードも見ることが出来ます。

jQuery.flickable

上記サイトよりダウンロードが出来ます。

スマホ用に押さえておきたい一品。

4. scrolldeck

パララックスで奥行き感を演出したいときはこれがいいかも。

その他にも、アニメーションなどのデモもあります。

scrolldeck
DEMO: fullscreen imagesjQuery.flickable DEMO fullscreen

上記サイトよりダウンロードが出来ます。ライセンスは、GPL license.です。

以上になります。

ADVERTISEMENT

Author:

follow FacebookPage

当ブログがお気に召しましたら是非いいね!をお願いします!

Follow Me

閲覧頂きありがとうございました:)

Message

トップへ戻る