パララックスサイトの作り方の初歩

最近パララックス（視差効果）を取り入れたサイトが増えてきました。 仕組みや簡単なものを作れるようにしておきたかったのでいろいろ試してみました。 ちなみにもっと効率良く作れる方法とかもあるかもしれませんので、一例ということで御覧ください。プラグインはまだ試したことがないので そちらを使ったほうが楽かもしれません。 パララックス効果のjQueryプラグインまとめ あと動作はこの記事時点でのFirefoxの最新版でしか確認はしていません。 スクロール量を取得する まずはスクロールすると動くので、スクロール量を取得します。ちなみにjQueryを使ってます。 $(function(){ $(window).scroll(function(){ var y = $(this).scrollTop(); $("#num").text("スクロール量：" + y);//表示用 }); }); サンプルペー

[glat_design]

わりと嫌われてるけどまあなにかやってみたいのは間違いないｗ

[Hi32]

パララックス効果の仕組み

[bombnaga]

業者の仕上げてきたパララックスのクオリティがちょっとひどいので、少し勉強していじって見せてやろうかと思う。

[shields-pikes]

パララックス！

[aoiasaba]

★★★

[torimoku]

バララックスの作り方

[sisicom]

座標情報

[till19]

パララックスサイト

[whey]

パララックス

[morita_y]

ちょっとやりたいやつあるし　http://coliss.com/articles/build-websites/operation/javascript/js-skrollr-for-parallax-scrolling-effect.html

[canakate]

課題の参考用！

[abababababababa]

パララックスエフェクトの作り方。

[casino_t_y]

jQuery パララックス

[roooney0128]

パララックスサイトの作り方の初歩

[toricoco]

スクロール

[XIAORING]

parallax

[sigta]

パララックスって言います。こーゆーのってデザイン設計（？）が大変だー

[aretokore]

>> パララックスサイトの作り方の初歩｜WEB Drawer

[tubaki1234]

めも

[towaduki]

パラドックスみたい

[IGA-OS]

流行りもの

[kyotaweb]

こ、これは楽しい！今度何か作ろ。

[thujikun]

スマートフォンにはtopよりtranslate3d使った方が圧倒的にぬるぬる。

[daipdaip]

あとでよむよむ

[prototechno]

興味あるわ

[tohima]

パララララララララックスってうちでひとりで言ってたら楽しくなってきたからブクマ

[trini]

スクロールして動くのってパララックスって言うんだ

[y_guriko]

おもしろいよね〜。すっごい見辛いけど

[o_hiroyuki]

パララックス効果の作り方

[masa-wo]

パラドックスサイトに空目した。。

[tukasa55]

試しに使ってみたい。でも、仕事では使いどころが見つからなさそう or 使いどころが見つかる仕事をしていない orz