Tsparticles: Help, can't find documentation for making particles be contained to 1 div ://

[ShadiestGoat]

Just as the title says. I need to keep particles contained to 1 div, and I know its possible due to a pull request made (and approved) by someone, I just don't really get how to do it.
Oh, and in case it is needed, I need to contain to a div to be able to make a parallax footer

[issue-label-bot[bot]]

Issue-Label Bot is automatically applying the label question to this issue, with a confidence of 0.60. Please mark this comment with :thumbsup: or :thumbsdown: to give our bot feedback!

Links: app homepage, dashboard and code for this bot.

[matteobruni]

Hi @ShadiestGoat,

I don't understand what do you want to achieve, particles are already contained in a single div. You can set it to act like a background using position: fixed or position: absolute and a 100% height and width or use it like any other div of your website.

This is a normal div with particles: https://codepen.io/matteobruni/pen/XWbBxEm

If you want to have one or more div have some interaction with the particles you can set the interactivity.onDiv properties like this sample: https://codepen.io/matteobruni/pen/NWxWXQB or https://codepen.io/matteobruni/pen/mdVdPKj

[ShadiestGoat]

heya @matteobruni, thanks for your reply!

I do want to set it as a background, but only to a specific div, and for me to be able to put elements behind it. The way that you show in the pen should work, however I am having trouble understanding why it doesnt work on my project :/
I have a footer that is supposed to be revealed only if scrolled down to the bottom. It has a z-index of -1, and the tag has a margin-bottom of 9% to be able to show this. It usually does show it, however if I turn on the particles, it stops working, and the particles just show over it

[ShadiestGoat]

(this is an example of the footer: https://codepen.io/tamedia/full/ByPyBP)

[matteobruni]

Have you tried setting position: relative to the div that needs particles background and position: absolute to the particles div (that needs to be inside the first div)?

[ShadiestGoat]

Holy shiittt ;-;
Thank you so much! I have been trying to do this for the past several days, and couldnt figure it out, nor find it anywhere so thank you so much ^^