How to change the class of a html from :root to another class on scroll (preferably multiple times)
So, I am making a small project using React typescript. I’m pretty new to this, but I would like to make a webpage that changes the background class as I scroll to certain points of the page. My main problems are that I have right now: