尝试使用fullPage.js设置全屏particle.js

Question

我希望particles.js出现在第一部分的屏幕上，但无论我做什么，它们都在页面的其他部分下面。我在第二部分添加了粒子。在我看来，这是通过使用fullPage.js（Alvaro Trigo，不能发布超过2个链接，sry）。我正在附上我的网站，我希望有人看看这个。 unlikemenow.github.io谢谢:)

Answer 1

首先，尝试将particles-js课程放在<canvas>元素而不是<div>上。

这意味着您的第一部分将包含在<div class = "section">中，就像您已经拥有的那样，直接孩子为<canvas class = "particles-js">。为<canvas>提供<canvas id = "the-particles" class = "particles-js">唯一ID。

在CSS中，为Z-Index ID分配#theParticles。然后在Z-Index课程上设置.section。确保Z-Index上的<canvas>高于<div>。我自己也没有测试过，所以如果它不起作用，请告诉我，我可以为你编写代码。我之前也从未使用过粒子-js，但它看起来非常酷！