0

状況は次のとおりです。ナビゲーションがホームページのページの下部にあるサイトに取り組んでいますが、他のすべてのページのページの上部にあります。サブページのいずれかへのリンクをクリックすると、次のページに遷移する前に他のすべてのページに配置される位置までナビゲーションがスライドするように、いくつかの jQuery をセットアップしました (また、いくつかの小さなスタイリングを行います)。完全に一致するように微調整します）。これだけ：

$('#nav a').click(function(){ 
  var url = $(this).attr('href'); //save the url
  $('#top-container').removeClass('home-top-container'); //remove the special home page styles
  $('img').slideUp('slow', function(){ //slide up the main image-- this places the nav at the exact position of all interior pages
    document.location.href = url; //when it's finished, proceed to the page
  });
  return false;
});

もちろん、ページ遷移の間にページの読み込み時間が少しあるという事実を除けば、これは完璧な「見た目」です。しかし、あなたの目はすでに動き回っていたナビに焦点を合わせているので、それは本当に気を散らします.

だから、私が疑問に思っているのは、jQueryを使用して宛先ページでその#nav divを探し出し、そのページに移動する前にプリロードする方法があるかどうかです(ちらつきがないように)。または、移行中に中断することなくナビゲーションを表示し続ける他の方法はありますか?

無理をお願いしている感じです。しかし、少なくとも尋ねる価値はあります。

ETA: サイトへのリンクの例は次のとおりです: http://www.studioal.com/sample/ [WORK] をクリックします (これが唯一の有効なリンクです)。

完全な遷移の間、ナビゲーションを 100% のままにしておきたいので、フェード インとフェード アウトは避けたいと思います (例を見ると理解しやすいと思います)。

4

1 に答える 1

0

AJAXを使用してページをバックグラウンドでロードし、現在のコンテンツをフェードアウトして、ロードされた新しいコンテンツをフェードインすることを検討する必要があります。

于 2010-06-19T00:15:18.687 に答える