我想要 particles.js在第一部分出现在整个屏幕上,但无论我做什么,它们都在页面的其他部分下面。我在第二部分添加了粒子。在我看来,这是通过使用 fullPage.js(Alvaro Trigo,不能发布超过 2 个链接,sry)。我附上了我的网站,我希望有人能看看这个。 unlikemenow.github.io谢谢 :)
最佳答案
所以首先,尝试将 particles-js
在 <canvas>
上课元素而不是 <div>
.
这意味着您的第一部分将包含在 <div class = "section">
中就像你已经拥有的那样,直接 child 是 <canvas class = "particles-js">
.给那个<canvas>
像 <canvas id = "the-particles" class = "particles-js">
这样的唯一 ID .
在 CSS 中,分配一个 Z-Index
到 #theParticles
ID。然后设置一个Z-Index
在你的 .section
类(class)。确保 Z-Index
在 <canvas>
上高于<div>
.我自己还没有测试过,所以如果它不起作用,请告诉我,我可以为您编写代码。我以前也从未使用过 particles-js,但它看起来 super 酷!
关于javascript - 尝试使用 fullPage.js 设置全屏 particle.js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43263321/