背景・レイアウト
【ScrollStory】1ページサイトのスクロール時にさまざまな動きを設定するjQueryプラグイン

ScrollStory Demo Page Download Page

「デモサイト」ボタンのリンク先は基本動作のデモページです。それぞれの動きのデモページは「ダウンロードページ」の【Example Usage】よりご確認ください。

Lisence

MITライセンス

※ライセンスが変更される可能性がありますので、使用される際は必ずご自身でご確認ください。

Browser

01.Firefox02.Chrome03.Opera04.Safari09.InternetExplorer10

Tag

スクロール

設置方法などの参考ページ

[JS]縦長1ページのスクロール時にさまざまなインタラクションを加えるスクリプト -ScrollStory

http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-scrollstory.html

ティザーサイトやプロダクトページ、ポートフォリオ、企業サイトなどにも多く採用されているスクロールを前提とした縦長のページにさまざまなインタラクションを加えることができるjQueryのプラグインを紹介し

公開日：2014.03.05
最終更新日2014.03.07

Related Posts

【jquery Bottom】一番下までスクロールしたら自動的にコンテンツを表示するjQueryプラグイン
scrollReveal.js
【scrollReveal.js】スクロール時にオブジェクトが流れるようなアニメーションを実装するスクリプト
ScrollMagic
【ScrollMagic】スクロールアニメーションを実装する便利なjQueryプラグイン
http://www.ianlunn.co.uk/plugins/jquery-parallax/
【jQuery Parallax】スクロールで格好よく変化するページを作る際に使えるjQueryプラグイン
http://individual11.github.io/Scroll-To/#ease
【Scroll To】アニメーションスクロールをデフォルト化するjQueryプラグイン
http://plugins.compzets.com/animatescroll/
【AnimateScroll】面白いページ内スクロールを実装できるjQueryプラグイン
http://markgoodyear.com/labs/scrollup/
【scrollUp jQuery plugin】ページの先頭へスクロールするjQueryプラグイン
http://johnpolacek.github.io/scrolldeck.js/
【scrolldeck】スクロールに応じて様々なエフェクトを実装できるjQueryプラグイン
http://jacobheftmann.com/projects/footnoted/#footnote-5
【Footnoted】脚注を入れたい時に役立つjQueryプラグイン
Curtain.js
【curtain.js】スクロールするとカーテンのように切り替わるjQueryプラグイン

Page Top