1つの視差カスタムトランジション

Question

自分のサイトでカスタムの視差トランジションを1つだけ作成するにはどうすればいいですか（素敵なスクロール、バウンス） -

例：矢印を押すと、トランジションで、ユーザーを画面の下にスクロールし、そこに到達した後に少し跳ねます。だから、すべての素敵なものをスクロールしてフッタに当たって反応したように

Answer 1

jqueryコールバックをアニメーション化することを検討してください。

$('#content').animate({marginTop: '-5000px'}, 2000, function(){ 
    $('#content').animate({marginTop: '-4900px'}, 1000); 
}); 

これはもちろん、あなたのhtmlとcssに関する膨大な前提を作ります。より良い例が必要な場合は、いくつかのコードを提供するか、jsfiddleを作成する必要があります。

ところで、視差は、これらの愚かな話題のひとつです。基本的な実験で視差効果をパーセンテージベースのマージンで簡単に行うことができます。しかし、視差をスクロールしたり、戻ったりすることと混同しないでください。大きな違い。