PARTICLE BACKGROUND

Regarding: bootsnipp.com/snippets/7nBnW

I wanted to use this background as a background to a project I was working on.

In order to do so, I needed to readjust the height and width of the canvas.

I am however, forced to set its height and width with min and max values respectively.

This works, until I resize the page and the min height value stays on and makes the page longer than needed.

I was wondering where in the javascript or css of this code I could make adjustments, so that the background resizes based on adjustments?

I've tried setting the height to a 100 % of the body and it keeps making the canvas only appear at the very top of the page (with height of 150px and full width).

When inspecting using dev tools I also received these two errors:

Uncaught TypeError: Cannot read property 'fn' of undefined

at util.js:68

at util.js:10

at bootstrap.min.js:6

at bootstrap.min.js:6

connectDots.js:11 Uncaught TypeError: Cannot read property 'style' of null

at HTMLDocument.<anonymous> (connectDots.js:11)

'connectDots.js' is the name I gave my js file and line 11 here corresponds to the same line 11 in the javascript above .

Any help would be much appreciated as I feel I've exhausted all options.

Thank you in advance!

8080co () - 2 years ago - Reply 0