问题标签 [particles.js]

我们已经加载了particle.js，无法使用 wordpress 网站上的滚动条。我们需要它来处理全高和全宽。请在链接中查看下面的 html 代码。 我们的html代码“：网站链接：http ://www.tcnarch.co.za/about

我们尝试禁用插件并检查开发工具是否有错误，但没有。也尝试过 overflow-x: auto 并从 css 中删除了 height: 100% 属性，但无济于事。请帮助我们已经尝试了我们所知道的一切。谢谢

我在我的网站中使用 Particle Js Canvas。但问题是它在我的另一个 div 中溢出。如下所示 ：

有什么办法可以隐藏它。问题是画布捕获了完整的场景作为其背景，但我只想在特定的 div 上显示它并对其他人隐藏。

谢谢你

我正在尝试使用particles.js 作为网站的背景。目前，粒子 div 存在，但粒子未出现。我该如何解决这个问题？

索引.html

样式.css

我知道particles-js 的存在是因为改变它的背景颜色会对页面产生影响。

我正在尝试使用粒子 JS 作为我在 Vue 中的背景。问题是，它不是作为背景，而是作为一个组件。因此，进一步的组件将其向下推。

我正在我的一些组件上使用 ParticlesJS 开发一个 React 应用程序。对于我的一个组件，我正在运行 Particles，并且想在背景上添加一些文本。我尝试添加它，但没有显示文本。

我添加了我的组件和 CSS 代码。

我希望文本显示在粒子背景之上。

我试图理解为什么绝对位置在这种情况下对元素的工作方式。

我知道具有绝对位置的元素相对于它的第一个定位（非静态）祖先元素定位。在这种情况下，它将是 body 元素。

如果是这样的话，为什么 about.js 不与导航元素重叠（它是静态的！）？为什么它与particles.js 重叠（这是我想要实现的）。

现在，如果您将 id 为particle.js 的 div 放在类 about 的 div 之上，那么 about 与投资组合部分重叠。有人可以解释一下吗？

这是我的 JS 小提琴： https ://jsfiddle.net/apasric4/ojnx2Lt7/1/

这是我的 CSS 示例：

谢谢

这是我的第一篇文章。我的问题如下，我有一个vuejs使用的应用程序，vue-router并且 vue 中的一个组件使用particle.js. 我成功地使用 集成particle.js到我的组件中$nextTick，但是当我将嵌套路由添加到该组件的父组件时，particles.js停止工作而没有错误。主应用分层如下：

应用程序.vue：

Particle.js在 'title' 组件中运行。

如下：

我认为这可能是 DOM 或使用嵌套路由渲染组件的方式的问题，因为当我从主组件中删除粒子时，粒子工作正常，当我再次添加它时，它似乎没有运行。但对于本应是一个简单项目的事情，我担心这有点超出我的深度。

更新： 我仍然不知道如何诊断。但是，我尝试使用不同的路由，当我进入一个不存在的路由时，例如：localhost:8080/#/route_that_doesnt_exist粒子会出现，这意味着它仅在页面呈现嵌套路由之一时不起作用。我希望这有帮助。

在使用带有此 JSON 文件的particles.js 时，我收到以下错误：

SyntaxError：JSON.parse：JSON dataparticles.js:1530:26 onreadystatechangeparticles.js:1530 的第 1 行第 1 列的意外字符

尽管我在项目中使用的所有内容都是从官方的particles.js github 复制/粘贴的。任何想法可能是错的？

我有一个基于 Rails 6.0.0.rc2 的项目，包括 webpack。我试图简单地包含库particle.js

我正在关注 GitHub 自述文件： - 使用 yarn 安装库 - 添加具有特定 ID 的容器 - 尝试使用particleJS.load 初始化函数

显然，它不起作用：particleJS 未定义

particle_js__webpack_imported_module_0___default.a.load 不是函数

在阅读了很多关于这个主题的问题后，但没有什么是真正清楚的。这里有一些线索，但我没有成功：

• https://stackoverflow.com/a/42457020/11027833
• https://github.com/vigetlabs/blendid/issues/287
• https://github.com/VincentGarreau/particles.js/issues/114

我知道particleJS链接到窗口对象。确实，当我在控制台particleJS 中尝试时，它可以工作。

那么你能简单地告诉我如何在 webpack 中使用particleJS 吗？或者如何在 webpack 中使用窗口函数？

预先感谢您的努力！

I have the normal react particle code which works fine but after adding an image to the background the particles are not interacting on hover anymore. Image is in y.js file which is loaded in x.js file where react particles code exists

My separate image in a different JS file:

I expected thr interaction of particles on mouse movements to remain after adding a small image to the center but it does not