谷歌风格Ajax页面加载

Question

有人可以给我更多关于如何实现的信息。当您从一个页面转到另一个页面时，内容会变灰，然后内容加载时会暂停，然后内容被替换为新内容，您将被带到页面的顶部。

我要实现我的网站同样的效果，所以我想，如果我有正确的步骤：

• 用户点击“下一页”上。
含
• 事业部内容变为半透明使用jQuery
• 新内容中使用Ajax拉升，并取代当前的内容
• 滚动使用“上滚动到”

我是在页面的顶部正确的轨道？任何人都可以提供更多信息让我开始？

Answer 1

我认为你在混合2个可能性。

1. 非常基本的，如果你的页面之间面临着重大的加载时间，你可以，像你说的，显示一个对话框说“请等待下一个页面加载”。当它发生时，浏览器将切换到新页面。 但是，根据使用标签浏览等的人，我会建议反对它，因为它会打破上一页。如果您在新选项卡中打开链接，则在返回时必须重新加载上一页。

2. 如果您使用Ajax，浏览器将不会切换页面;只有页面内容将被换出。同样，您可以在页面中添加一个“加载”框，直到收到新的HTML内容。

编辑 根据您的问题，这里有一个例子：

$("#contents").ajaxStart(function() { 

    $(this).fadeTo("slow", 0.33); 

});