Parts 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

尝试一下

 body,
    html {
        height: 100%
    }

#particles-js canvas {
    display: block;
    vertical-align: bottom;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition: opacity .8s ease, -webkit-transform 1.4s ease;
    transition: opacity .8s ease, transform 1.4s ease
}

#particles-js {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -10;
    top: 0;
    left: 0
}

然后，我在身体开口标签之后写了。请注意，您看不到canvas类，因为它是由particles.js库生成的。

Reference Site