Angular directive to hide header on scroll down and show on scroll up