[Header/Nav bar slide down as the user scroll]

Yes the second header should hide and first should shown when the user scrolled up i.e top 0

[Header/Nav bar slide down as the user scroll]

Hi.. Thanks for the quick response. 

Yes the second header which is hidden by default and it will be comes down gradually as user scrolls 

[Header/Nav bar slide down as the user scroll]

I am trying to achieve something like initially on page load there will be a header on user user scrolls down the initial header should hide and a new header should slide down. i have done this using animate css and plain js. but this works smoothly only when the user scroll is smooth. when the user scrolls the page very fast the header slidedown faces some glitchs so i want to use scrolltrigger to achieve this. may i know how to achieve this.