One of the most popular web techniques this year is the idea of making certain elements on a page scroll a bit and then affix themselves to remain in a permanent position as the user continues scrolling down the page.
Here are two examples of sites that use it for their main navigation:
Silver Lake Picture Show
Scroll down and only the lower part of the header remains affixed to the top of the viewport:
Scroll down on the site and you’ll only be able to see the navigation fixed to the top of the viewport:
How can we Implement the Same Technique?
You can implement those manually, they are fairly straightforward. However, if you absolutely prefer not to touch any code there are also some plugins that can help you:
LowerMedia StickyJS Menus
WordPress plugin that integrates sticky.js and makes your primary navigation menu sticky (will ‘stick’ to top of screen when rolled over).
The Sticky Header WordPress plugin makes your header visible at all times. It’s a great feature that allows people to browse faster and consume more of your content.
If you enjoyed this post, make sure to subscribe to WP Mayor’s RSS feed.