The Joomla! Extensions Directory ™


JU Sticky Panel Plugin

Editor's Note
  • This extension requires registration to download.
JU Sticky Panel helps to stick any element in your site, the sticked elements will be keep always visible when you scroll the page down.
You can use this plugin to stick module, menu, banner,...

---------------
Features:
---------------
- 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.

Report Extension

 

Images

 

2014-06-28
Reviews: 17
Its says to do below steps and i did it .
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
2014-04-01
Reviews: 4
Needed to stick my navigation menu to the top of the browser when scrolling. JU STICKY PANEL did this with ease. Great product and easy to use. Thank you
2014-03-05
Reviews: 6
If I were to knock this fantastic plugin for anything it would be the lack of documentation. Nonetheless the support forum is well attended and they are quite willing to work alongside you to resolve issues.

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.