リンクをクリックすると、ラッパー全体がスライドして離れ、次のページが所定の位置にスライドして表示されます。ホームページが別のページからクリックされたときにこれが発生するようにしたいのですが、ユーザーがサイトのどこから来たかによって異なるアニメーションが必要です。ユーザーが外部ソースから自分のページにアクセスしたときのアニメーションは必要ありません。これは可能ですか?
質問する
38 次
1 に答える
0
それは間違いなく可能です。
サイト内を移動するには、javascript/ajax を使用できます。
たとえば、ラッパー内に (必要に応じて) 2 つ以上のコンテンツ コンテナーを含めることができます。ユーザーがリンクをクリックすると、コンテンツをビューの外にあるコンテナーにロードするか、コンテンツが既に含まれているコンテナーをそのままにして (サイトのニーズによって異なります)、必要に応じてアニメーション化することができます。
ユーザーがどこから来ているかを知るには、サイトのさまざまなコンテンツに一意の URL を設定するのが一般的であるため、履歴 API (history.js を確認してください) を介して URL を変更するか、現在の場所を変数に保存します。次に、新しいコンテンツでアニメーション化する前に、URL を解析するか、場所変数の値を確認できます。もちろん、新しい URL をプッシュするか、新しい場所を場所変数に保存する必要があります。
ユーザーが外部ソースから来た場合は、javascript アニメーションなしで通常どおりページをロードします。
非常に簡単な例:
$("#home-btn").on('click', function(){
//check where user's coming from,
//animate and show home content,
//push, save current location
});
また
$(".all-btns").on('click', function(){
var $this = $(this);
//check where user's coming from,
if($this.attr('id') == 'home-btn'){
//animate and show home content
} else {
//animate and show other content
}
//push, save current location
});
残りはきっとわかると思います。
于 2013-07-14T21:15:39.620 に答える