如何在加载评论 facebook 时显示预加载的 gif？

Question

我有一个自定义的 javascript 代码，这样当向下滚动页面到 Facebook 评论框未加载的位置时。在滚动到达网站评论时加载并显示。

不过大概需要两秒，我想一边充电一边出现热闹，直到评论充满gif。我尝试添加但在显示评论时不会消失。可能是因为javascript真的不知道什么时候评论已经满电了。

有什么办法可以解决吗？

function loadAPI() {
    var js = document.createElement('script');
    js.src = '//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=73773988950&version=v2.0';
    document.body.appendChild(js);

}

window.onscroll = function () {

    if (document.getElementById("coments")) {


    var rect = document.getElementById('coments').getBoundingClientRect();

    if (rect.top < window.innerHeight) {

        loadAPI();

        window.onscroll = null;
    }

    }

实际上，如果动态内容本身放置一个 gif，你知道 javascript 知道他在收费什么，一旦加载就会显示，删除 gif。

Answer 1

有以下标签：

  <body onload=" myFunction()">

使用 javascript 函数 myFunction() 仅显示图像。

Answer 2

将加载 gif 放在 <div> 中，稍后您希望在其中显示您的 Facebook 评论，并将 Facebook 评论加载到 div 而不是将它们附加到 <body>。

Answer 3

只是快速浏览了一下，显然您不能将 onload 与 div 一起使用，但是这里有完整的讨论：

Onload-in-div-whynot

如何在加载评论 facebook 时显示预加载的 gif？

How to display a gif of preload while loading comments facebook?

javascript

facebook-comments

preload