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

标签 javascript html css fullpage.js particles

我想要 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/

相关文章:

html - 如何使用 html 从网站打开(或 "download")本地文件?

php - 提交后动态隐藏表单,所有用户

html - svg 中的文本路径在 IE 中不起作用?

css - ".class element"和 "element.class"有什么区别?

javascript - jQuery each() 第一次迭代是错误的,其余的都是正确的

javascript - 新窗口中画廊的本地存储替代方案

javascript - 动态更改元数据 - 没有 jquery

javascript - 在 JSP 中使用 Jquery 自动完成时如何设置自动完成输入框的值

jquery - 为什么 jQuery 是一个轻量级库?

css - 通过 CSS 媒体查询进行字体检测(TTF 或 WOFF)