Hide

Hide header on scroll

Hide header on scroll
  1. How do I hide the header on my scroll?

How do I hide the header on my scroll?

The function toggleHeader()

This function receives the direction and scroll amount as parameters. It adds the class hide when the direction is down and scroll amount is greater than 52px (the header height). Otherwise, it removes the class hide.

Search and Selecting across searches - best practices?
Why is onsite search important?What is onsite search? Why is onsite search important?No matter how easy your website is to navigate or how clean the...
How to display large numbers that are very close together (in value) in a graph with tight space
What type of graph is best for a large set of numerical data with a large range?Which type of graph is best for showing the relationship between mult...
Accessibility of Icon Buttons?
How do I make an icon button accessible?Are icons good for accessibility?Do icons need labels for accessibility? How do I make an icon button access...