javascript - Facebook 如何毫不拖延地滚动到时间线横幅的中间？

Question

Facebook 有两种方式来显示某人的时间线：从最顶部开始，显示完整的横幅和半滚动，因此横幅被切成两半，个人资料图片非常接近浮动导航。

不过，半滚动状态似乎很自然，没有任何延迟。加载内容时页面不会突然跳转。

这个功能一般是如何实现的？简单window.scroll似乎并没有削减它，因为它太慢了（必须等待内容加载才能真正滚动）并且阻碍了用户体验。

Answer 1

您在问题中假设页面的初始加载。这个假设是错误的，因为可以说“页面”已经加载了。

当您访问一个 facebook 页面，然后导航到某人的时间线时，这不是浏览器中的整页刷新，而是从一个页面切换到另一个页面。相反，这一切都是通过 ajax 完成的。“上一个”页面并没有真正被浏览器卸载，“下一个”页面是通过 ajax 加载的。

至于 url 的变化，那是另一个话题（历史 pushState）。