尝试使用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>一个唯一的id，比如<canvas id = "the-particles" class = "particles-js">。

在CSS中，给#theParticles ID分配一个Z-Index，然后在你的.section类上设置一个Z-Index。确保<canvas>上的Z-Index高于<div>。我自己还没有测试过，所以如果它不工作，请让我知道，我可以通过它为你编写代码。我也从来没有使用过粒子-js，但它看起来非常酷！