How in React when scrolling, change the css class properties?

Question

css

It is necessary in React to reduce the size of the header when scrolling down and, accordingly, when scrolling to the end to the top, restore the reverse css values ​​\u200b\u200bof a certain class. And can this be done with the react-scroll library?

Answer 1

There are many scroll libraries on github. When you scroll to a certain point, just add a class to the element or change the inline style. I don’t remember exactly, but it seems that react-scroll has a scroll hook to the element (div). Read the documentation