How can I change background image when user scrolls on the div? PLEASE HELP

Question

How can I change background image when the user scrolls on the div called step2?
I'm almost certain that Javascript has to used.

https://code.sololearn.com/WIEM419wsuDr

Answer 1

The thing is that u set the background image so use Js when the duv is focused then change the background

Answer 2

That is what I don't understand how to do.

Answer 3

So u are a noob to js

Answer 4

Correct

Answer 5

Ok

Answer 6

I guess you are noob as well?

Answer 7

No

Answer 8

I have spent 3 Year using it

Answer 9

So why are you complaining about me not knowing it instead of helping?

Answer 10

No let me help you

Answer 11

var focused = document.activeElement;
if (!focused || focused == document.body)
focused = null;
else if (document.querySelector)
focused = document.querySelector(":focus");

Answer 12

But where am I suppose to put the new background when the user scrolls on the div called step2

Answer 13

Well put it in the js

Answer 14

Where you want