javascript - 粒子 Js 出现在悬停时

Question

我正在尝试将粒子 js 设置为我网站的背景。我正在尝试应用这个:

https://codepen.io/nikspatel/pen/aJGqpv

我尝试将其 css 设置为:position: fixed; z-index: -10; 因为我希望它固定在该位置，即使我向下滚动也需要看到粒子。

进入网站后它工作正常，但当我向下滚动时，它无法正常工作。粒子不再跟随光标。一旦我向下滚动更多，粒子就会消失。我还尝试将其设置为 iframe 背景，但一旦我将光标移过 div，粒子就停止工作了。

事情是这样的:http://mycontinent.com.my/test

这是我正在尝试做的事情:https://mahno.com.ua/en

有什么想法吗？谢谢。

Answer 1

确保在 particles-js 配置中为“detect_on”属性设置相同的值

interactivity": {
   "detect_on": "window"
}