After creating a website page, I incorporated Particles.js for the background. However, when I scroll down, the particles seem to be confined to the initial corner of the screen and do not continue downward. Here are my current particle settings:
#particles {
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat; }
As illustrated in the attached image of the website, there is always white space at the bottom of the page because the particles bounce back instead of extending further down. How can I eliminate this limitation on the size of the website for the particles? Any suggestions or insights would be greatly appreciated. Thank you!