jquery - Google 样式 Ajax 页面加载

Question

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

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

• 用户点击“下一页”。
• 使用 Jquery 包含内容的 Div 变得半透明
• 使用 Ajax 引入新内容并替换当前内容
• 使用“scroll-to”滚动到页面顶部</li>

我在正确的轨道上吗？谁能提供更多信息让我开始？

Answer 1

我认为你混淆了两种可能性。

1. 非常基本，如果您面临页面之间的主要加载时间，您可以像您说的那样显示一个框，上面写着“请等待下一页加载”。完成后，浏览器将切换到新页面。但是，鉴于人们使用标签式浏览等，我建议不要这样做，因为它会破坏前一页。如果您在新选项卡中打开链接，则必须在返回后重新加载上一页。

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

编辑 根据您的问题，这是一个示例：

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

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

});