JQueryのみによる効果
ネイティブのCSSやJQueryによって、要素の表示/非表示の切り替え時のアニメーション効果を設定することができる。他のライブラリーによらない視覚効果についてこちらにまとめている。
また、このうちのslideUp()/slideDown()
メソッドについてこちらに詳しくまとめている。
scrollTop
scrollTop
による画像スクロールでは、背景画像の縦位置をスクロール位置から計算する。その結果、画像のスクロールに伴って背景画像がスクロールし、立体的なイメージ効果を与える。
外部フレームワーク
ScrollMe
ScrollMeはJQueryのフレームワークで、画面をスクロール伴ってHTML要素に動きを加えることができる。
こちらのページにScrollMeの機能をまとめた。