当我向下滚动页面时,Particles.js无法继续运行-HTML

时间:2018-12-01 08:21:58

标签: javascript html css particles particles.js

因此,我在网站上创建了一个页面,并使用了Particles.js作为背景。 现在,当我向下滚动时,粒子不会继续向下移动,它们会停在屏幕的初始角,如果我向下滚动,它们不会向下移动... 这些是我的粒子设置:

#particles {
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
background-size: cover; background-position: 50% 50% ;background-repeat: no-repeat; }

这是该网站的图片,如您所见,页面底部的空白始终是这样,粒子不去那里,它们只是反弹回来。 如何删除粒子网站大小的限制? 谢谢!

Website

2 个答案:

答案 0 :(得分:1)

您有书面立场:绝对;将其替换为:fixed;

答案 1 :(得分:-1)

要编辑CSS,您必须将ID选择器指定为#particles-js。以下内容适用于不同的视口:

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