Question

我想检查装载机（圆形装载）的位置以将其固定在屏幕中间。

但是，每当我在开发模式下运行项目时，由于页面加载，内容出现而加载器消失了，我很长时间都看不到加载器。

有什么方法可以看到装载机更长的时间？

Answer 1

首先，您需要提供代码才能对其进行修复
你第二次尝试检查元素吗？
第三，您可能希望为此使用jquery（非常简单）

JavaScript文件：

$(window).on("load", function() {

    $(".loader .inner").fadeOut(500, function() {
        $(".loader").fadeOut(750);
    });

});

HTML文件，请确保将其放在这样的正文开头标记下

<body>
    <div class="loader">
        <div class="inner"></div>
    </div>
<!-- rest of the code .. -->

CSS文件：

.loader {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
}

.loader .inner {
  width: 100%;
  height: 100%;
  background: url(../images/loader.gif) center center no-repeat;
}

这是最简单的方法之一（有很多方法）

希望有帮助

Answer 2

将加载程序开发为与项目流程无关的独立组件，并根据新要求对其进行更新，然后将其嵌入到您的项目中。

由于每个组件在项目内部保留其状态背后都有不同的逻辑，因此将这些组件独立开发比寻找如何在项目内部保留特定状态要好。

Answer 3

您可以使用chrome直接模拟互联网速度。

查看此内容：https://developers.google.com/web/tools/chrome-devtools/network-performance/network-conditions

检查装载机的位置

3 个答案: