Hide sticky header with js

Hello,

I built a configurator that consists of multiple pages. Each time a user clicks on next I scroll to the beginning of the configurator element (it is longer then the screen height). The problem is that since I scroll up with JS, the sticky header gets displayed. Is there an option to hide it via JS?

The sticky header works perfectly but in this specific case I don’t want it to get displayed since it is no “user scroll up” but rather an automated scroll.

Best regards