こんにちは、デジタルエージェンシーのショーケースサイトを企画しています。
このフラッシュのような効果がjQueryで実現できるかどうか知りたいです。
ユーザーがメインのナビゲーション要素をクリックすると、ページのコンテンツをアニメーション化して、新しいコンテンツをバックグラウンドで読み込み、その新しいページがアニメーションを完全にビューに読み込みます。
これを達成しているように見えるサイトを見つけましたが、誰かがここで何が起こっているのかを分析するのを手伝ってくれるなら、私はとても感謝しています. http://imagemechanics.com.au/
よろしくお願いします。
うーん、私は実際の例を示す時間がありませんが、私はあなたがこの仕事をするために何をしなければならないかをあなたに言うことができます
最初にアップフェードアニメーションが必要です。csstopをアニメーション化して、ページからコンテンツを完全に非表示にする値にします。したがって、top：0がトップページのdivである場合は、top：div.heightに移動してみてください。
2番目にdivをページビューポートbottom：0の下に配置します。下部はpage.height+div.heightになります
次に、コンテンツdivの新しいコンテンツを提供するajaxリクエストを開始します。.append（newtext）を実行し、divを再びtop：0に移動すると、新しいページがここに表示されます。
これにはすべて、コンテンツdivを絶対位置に配置し、ページの高さを固定してオーバーフローを非表示にする必要があります。そうしないと、ページを変更するときにスクロールバーが表示されます。
少し試して、問題が発生したかどうかもう一度質問してください。
cssトランジションにはcssアニメーションjqueryプラグインを使用することをお勧めします。