How to make a navbar which is static but becomes fixed top when scrolled down. And again static when on top

Question

I have tried but failed I am new to Java script and jQuery

Answer 1

if I understands, you can achieve it with this code in css:

position: fixed;
top: 0;
left: 0;

:)

Answer 2

I understand CSS and JavaScript both but I want to learn the scroll function of JavaScript