How to make a menu that is shown when scrolling up?

Question

JavaScript

I made a menu that is shown when scrolling up, but I don’t like it) Because I used absolute positioning. What is a more elegant solution with the same functionality, but without using position:absolute

example for those who like codepen.io/Vampireos/pen/NAEVgz
or who prefer jsfiddle.net/Vampireos/9fbr320y/57

Answer 1

And what are the other options?
Otherwise, most likely.
In general, this is a very strange behavior, then it should either always be shown, or only at the top of the site. And so that when scrolling up it appears very incomprehensibly. I've never seen such a thing and it's somehow inconvenient or something ... It's not obvious to the user.