Google风格Ajax页面加载

Question

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

我想为我的网站实现同样的效果，所以我想知道我是否有正确的步骤：

• 用户点击“下一页”。
• 包含内容的Div使用Jquery
变为半透明
• 使用Ajax提取新内容并替换当前内容
• 使用“滚动到”
滚动到页面顶部

我是否在正确的轨道上？任何人都可以提供更多信息让我入门吗？

Answer 1

我认为你混淆了2个可能性。

1. 非常简陋，如果您在页面之间遇到重大加载时间，您可以像显示的那样显示一个框，上面写着“请等待下一页加载”。如果是这样，浏览器将切换到新页面。 但是，鉴于人们使用标签式浏览等，我建议反对它，因为它打破了上一页。如果您在新标签页中打开了链接，则必须重新加载上一页。

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

修改 根据你的问题，这是一个例子：

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

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

});