× 無料のユーザー登録をすると学習状況を管理することができるようになります

パララックスサイトを作ろう (全11回)

パララックス(視差)効果を利用した、立体的な動きのあるサイトを作ってみます。

このレッスンでは jQuery 1.8.3 を使用しています。

#03 スクロール距離を取得しよう
2013年1月16日
scrollTop()の詳しい説明は以下の公式APIを御覧ください。
http://api.jquery.com/scrollTop/
#08 文字を出現させてみよう
2014年9月9日
以下のコードの文末に;が抜けていました。文末の;は必須ではないですが、つけることが推奨されています。実際に試す場合にはつけるようにしてください。
// 文末に;を付け忘れていました
$('#msg').css('top', 200)
// 正しくは $('#msg').css('top', 200); となります。