尝试使用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中，将Z-Index分配给#theParticles ID。然后在你的.section课上设置一个Z-Index。确保<canvas>上的Z-Index高于<div>。我没有亲自测试过，所以如果它不起作用，请告诉我，我可以通过它为您编写代码。我以前从未使用过particle-js，但它看起来超酷！