问题标签 [particles.js]

我一直在尝试在我的网站中实现particles.js，但是没有生成任何粒子。所以我从github页面下载了demo，打开了index.html，还是没有生成粒子。可能是什么问题？如果我去样本站点，那里会生成非常好的粒子。

这是 index.html：

应用程序.js：

我使用particles.js 作为我的背景，但粒子只跨越到窗口的大小，并在向下滚动时消失。为了解决这个问题，我添加position: fixed;了它的 css 选择器。虽然粒子完全跨越了页面，但网页上的所有超链接都被停用了。为什么会这样？任何解决方法？

编辑： Github repo forparticles.js https://github.com/VincentGarreau/particles.js/

CSS实现：

对于 JS 文件，请参考上面的存储库。它实际上是插件中的主要工作app.js。particles.js

编辑：我已经改写了我的问题，希望得到更多的回应。基本上我所需要的只是一个 flex 容器，它像我的一样保存项目，背景中带有particleJS。即使有人可以制作一个以粒子为背景的 flex 容器，我也可以从那里弄清楚.

笔https://codepen.io/marti2221/pen/zdjGJZ

我正在尝试使用 fullpage.js 库构建一个单页网站，效果很好！我还想将particle.js 库中的粒子效果添加到我网站的第一部分。

无论我尝试什么，似乎粒子都没有出现，我不确定问题可能是什么，感谢任何帮助！我的代码如下：

HTML：

JS：

CSS：

我的particles.json 文件是从这里随库提供的默认文件。

我的 JS 代码位于名为 init_libraries.js 的文件中，该文件被添加到我的 HTML 页面中，如下所示：

当我启动我的网站时，我看到“回调 -particles.js 配置加载”消息，因此库和配置文件似乎加载正常，但我仍然在我的网站上看不到任何粒子。有任何想法吗？

编辑：

过了一会儿才弄清楚这个，我不得不像这样更改我的 HTML：

我还必须在 CSS 中添加以下内容，以便粒子位于我的文本和按钮后面：

现在效果很好！所有库 js 文件都位于正确的位置。

我遇到了这个问题，我已经尝试解决了很长一段时间。理想情况下，我希望particles.js 的“生成框”向下延伸到页面底部（由 fullpage.js 计算的 7 x 视口），这样当使用 fullpage.js 向下滚动时，整个页面的内容就会向上移动一张幻灯片（因此有particle.js 从上到下覆盖整个网站的高度）

这是我到目前为止得到的：

代码

当我使用node app.jsthen 启动我的应用程序时，我收到以下错误：

我正在尝试使用particles.js 作为我的背景，我用npm 安装了这个包。这是我的 app.js 的样子：

我将particles.json 存储在assets 文件夹中。html 看起来像这样：

我找到了这个网站CLICK并注意到右侧的动画。我试图自己做，但我失败了，所以我一直在寻找一些已经写好的代码并找到了particle.js。看起来非常相似，但是particles.js 中的粒子只是离开屏幕或反弹回来。该网站上的粒子不会反弹，它们只会减速并返回。有谁知道如何达到这样的效果？任何帮助都得到了重视。

伙计们。又是一次愚蠢的问题。

在学习使用 node 和 express 时，我正在研究使用particles.js作为背景。在 github 上提供的文档中，它说要使用：

这样做之后，我添加了这个以在我的app.js中调用它：

然而，此时，当我尝试运行我的应用程序时，节点错误状态：

ReferenceError：未定义窗口

还有另一个代码块应该被调用来创建这个应该在前端运行的代码块，使用玉文件。

有几件事我不太确定。首先，从我对 node 的乐趣来看，应该可以在 app.js 中调用npm install模块。所以我觉得它不起作用很奇怪..这是因为有问题的代码不是基于使用像 express 这样的框架吗？

其次，如果是这种情况并且我已经通过 npm 安装了particles.js 模块，为了让jade 能够拾取它，我必须将js 复制到“javascript”公共目录以便它可以找到它?

如果是这样的话，我首先不需要通过 npm 安装它？

这么多问题......对不起。我还在学习，并且在这个方面有点跑来跑去。也许我的逻辑在某个地方是错误的。

任何人都可以帮忙吗？

您好，这个引导模板中有一个名为particles.js 的javascript 。它工作正常，但如您所见，粒子在文本部分下变得不可点击。有什么办法让它可以点击吗？

这是示例： https ://bootdey.com/snippets/view/Particles-js-banner#preview

我有一个简单的页面，我希望在后台使用粒子 js 动画，并有一个按钮和几个锚点供用户单击。但是，当我将粒子 js 添加到作为父级的特定 div 时，我无法单击按钮或锚点。我确实尝试将它们的 z-index 更改为更高的数字（z-index:2000），但这也没有帮助。

这是代码： https ://plnkr.co/edit/JMYVXu6I3G7kdKUWN7tc?p=preview