facebook聊天窗口是如何实现的？

Question

在Facebook上，您可以浏览网站而不会影响浮动聊天窗口。好像主页面在iFrame中，页脚和聊天窗口在外面浮动。

_{（来源：k-director.com）}

iframe中的主要内容或iframe中的页脚和聊天窗口是？

后者似乎不可能，因为在这种情况下，当您点击主页面中的链接时，所有内容都必须重新加载，包括页脚iframe。

如果刷新页面，则会重新加载聊天窗口，但如果您通过单击链接浏览网站，则不会重新加载。

谢谢。

Answer 1

如果您安装FireBug并为Facebook启用网络监视器，您将看到当您单击应用程序内部的大多数链接时，您没有进行整页刷新，而是使用AJAX调用来更新页面。新内容。

它看起来像是一个新页面，但实际上，除了更换聊天栏之外，你几乎所有内容都在同一页面上。

Answer 2

Probobly只是一个绝对定位的div，包含内容的滚动div。 Ajax将提供内容。

Answer 3

当您加载新页面时，聊天窗口确实会刷新，但它们会保持其视图状态（打开/关闭/聊天记录）。

Answer 4

这是一个绝对定位的div，位于浏览器窗口的底部。这并不难，我在周末从头开始克隆了ChatingIT的Facebook聊天。