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

只是快速浏览一下，显然你不能使用div加载onload，但是这里有一个完整的讨论：

Onload-in-div-whynot

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

3 个答案: