Effect.ScrollTo - アニメーションしながらスクロール
この機能を実行するにはscriptaculousが必要です
構文
new Effect.ScrollTo(element, options)
引数: element=エレメントのID, options=オプション
「アニメーションしながらスクロール」サンプルコード
「Effect.ScrollToの動作デモ」
新しいウィンドウで実行 | スクリプトを編集&実行 - スクリプトをWEB上で編集&動作確認することが出来ます。
関連ページ
フェードインで表示 - Effect.Appear
ブライドダウン効果 - Effect.BlindDown
ブラインドアップ効果 - Effect.BlindUp
落下後消失するアニメーション - Effect.DropOut
フェードさせる - Effect.Fade
折りたたむ効果 - Effect.Fold
拡大アニメーションで表示 - Effect.Grow
ハイライト効果 - Effect.Highlight
移動アニメーション - Effect.MoveBy
透明度アニメーション - Effect.Opacity
アニメーションの組み合わせ - Effect.Parallel
拡大アニメーションで消失 - Effect.Puff
点滅効果 - Effect.Pulsate
リサイズアニメーション - Effect.Scale
シェイク効果 - Effect.Shake
縮小後消失 - Effect.Shrink
スライドダウン効果 - Effect.SlideDown
スライドアップ効果 - Effect.SlideUp
縮小後消失 - Effect.Squish
テレビのスイッチオフ風に消失 - Effect.SwitchOff