Domodule Library to show a header on scroll up on mobile devices.
npm i scrollup-header
Use the CSS that's shown on the example and customise to your needs.
<body>
<header class="scrollup-header" data-module="ScrollupHeader" data-module-match="(max-width: 767px)">
<h1>My header</h1>
</header>
... content
</body>