Particle.js wrong height in canvas


Link to the website: Click

I was trying to quickly develop prototype website using Bootstrap and Particle.js as a background. The problem is that the height of the Particle.js background is limited to the height of the initial viewport of the screen.

You can clearly see it on the Link above when scrolling down.

Is it a CSS problem? I was troubleshooting it from some time, but have no clue what could be wrong.


Change the position: fixed and z-index: -999 at the .particles-js-canvas-el class. This will fix your problem.

Answered By – birdybird03

This Answer collected from stackoverflow, is licensed under cc by-sa 2.5 , cc by-sa 3.0 and cc by-sa 4.0

Leave a Reply

(*) Required, Your email will not be published