谷歌风格 Ajax 页面加载

Question

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

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

• 用户点击"下一页"。
• 包含内容的div 使用 Jquery 变得半透明
• 使用 Ajax 拉入新内容并替换当前内容
• 使用"滚动到"滚动到页面顶部

我走在正确的轨道上吗？任何人都可以提供更多信息来帮助我入门吗？

Answer 1

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

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

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

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

$("#contents").ajaxStart(function() { 
    $(this).fadeTo("slow", 0.33);
});