BACK TO DIRECTORY
Simple, easy yet very useful and configurable sticky header / fixed header plugin.
Just specify class name in options page and it gets sticky!.
Available Options:
- Header Class: Enter class name of your header or nav element that you want to make sticky.
- Animate: This brings header into display with animation type that you select below, default is ‘Fade In’.
- Animation Type: Transition style for header when it becomes sticky
- Shadow: Header will have shadow when it becomes sticky
- Sticky Already: Makes header sticky when page loads
Please Note
Make sure your header’s z-index’s value is high enough to not get overlapped by other elements on the page.
**Example: **
.header-class { z-index: 9999; }
If you have suggestions for a new add-on, feel free to email me at danishiqbalscorpio@gmail.com
Screenshots
Options page
Finding element's Class Name. Right click on header that you want to make sticky, Click 'Inspect' or 'Inspect Element'.
When element is completely highlighted, that is the element you want to make sticky... Copy it's class and paste it in the options page.