我正在尝试将粒子 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
有什么想法吗?谢谢。
最佳答案
确保在 particles-js 配置中为“detect_on”属性设置相同的值
interactivity": {
"detect_on": "window"
}
关于javascript - 粒子 Js 出现在悬停时,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59193281/