<p>This is what I did. If you check the console, you will understand the principle better.</p>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://codepen.io/bada3670/pen/wvmjYNL">https://codepen.io/bada3670/pen/wvmjYNL</a></div>


This is what I did. If you check the console, you will understand the principle better.

%[https://codepen.io/bada3670/pen/wvmjYNL]


examplist

examplist

Hide the Navbar When Scrolling down and Show It When Scrolling up