javascript - sticky header only appear when needed? -

javascript - sticky header only appear when needed? -

i'm using sticky header navigation:

https://github.com/markgoodyear/headhesive.js

it works great except "clones" html you're using in page (your header). i've wanted , can't find on web don't want show header before specific position user has scrolled to. if hide(); jquery won't show @ all. goal hide in, except given point.

i hope help me this.

$('#mydiv').appear(function() { $( ".target" ).show(); });

hide header @ top of code show when reach #mydiv.

javascript jquery html header