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 回答