- This extension requires registration to download.
You can use this plugin to stick module, menu, banner,...
- Set element to be sticky(use jQuery selector)
- Set top padding of sticky panel
- After detached css class so you can style the panel when it has been sticking
- Save panel space: Yes/No
- Parent selector
- Callback function to extend function of the plugin
- Enable/Disable page if you only want the panel sticked in just some pages.
1. In the module config, set Module class suffix: " sticky" (without quote, and remember we have a white space preceded)
2. In the JU Sticky Panel Plugin set Selectors: .sticky
3. That's all, now check the frontend, scroll down your site, you will see the module with class suffix " sticky" is ticked, and when it has been sticking it will be add new class in After detach css class, you can use this class to format sticked element if you want.
But what is that step number ZERO that u have here which says this "You can use Firebug on Firefox to inspect the element you want to stick, then put the class or id or name,...."
I found that the class of top menu that i want to be sticky is nav menu nav-pills
To get the most out of this you will need to understand css to utilise the over-rides.
The end result is stable, cross-browser compatible and solves a problem elegantly in the back-end without much fuss.