ユーザーが下にスクロールするとアニメーションする単純な Web ページを作成しています。例については、ここをクリックしてください。
もちろん、スーパースクロールラマの存在は知っています。素晴らしい機能を備えているように見えますが、それでも私のような初心者の jQuery ユーザーにはかなり混乱を招きます。
だから、シンプルなものにこだわりたい。これは、divでスライドするために作成したコードです。このコードはページの読み込み時にのみ機能し、要素がブラウザーのビューポートに入ったときに関数を実行する方法が見つかりませんでした。
$(document).ready(function() {
$('.slide').slideDown('slow');
});
要素がスクロールされたときにのみこのアニメーションを発生させるにはどうすればよいですか? 要素が再び見えなくなったら、このアニメーションを元に戻すことはできますか? これに対処するよりも、Scrollorama を見つけに行った方がよいでしょうか?