Sticky Menu (or Anything!) on Scroll wordpress plugin resources analysis
| Download This Plugin | |
| Download Elegant Themes | |
| Name | Sticky Menu (or Anything!) on Scroll |
| Version | 1.2.4 |
| Author | Mark Senff |
| Rating | 98 |
| Last updated | 2015-03-10 03:19:00 |
| Downloads |
9656
|
| Download Plugins Speed Test plugin for Wordpress | |
Home page
Delta: 0%
Post page
Delta: 0%
Home page PageSpeed score has been degraded by 0%, while Post page PageSpeed score has been degraded by 0%
Sticky Menu (or Anything!) on Scroll plugin added 4 kB of resources to the Home page and 4 kB of resources to the sample Post page.
Sticky Menu (or Anything!) on Scroll plugin added 0 new host(s) to the Home page and 0 new host(s) to the sample Post page.
Great! Sticky Menu (or Anything!) on Scroll plugin ads no tables to your Wordpress blog database.Summary
The Sticky Menu (Or Anything) On Scroll plugin for WordPress allows you to make any element on your pages "sticky" as soon as it hits the top of the page when you scroll down. Although this is commonly used to keep menus at the top of your page, the plugin allows you to make ANY element sticky (such as a Call To Action box, a logo, etc.)
A little bit of basic HTML/CSS knowledge is required. You just need to know how to pick the right selector for the element you want to make sticky, and you need to be sure it's a unique selector. Sometimes a simple selector like "nav", "#main-menu", ".menu-main-menu-1" is enough. Other times you will have to be more detailed and use a more specific selector such as "header > ul:first-child" or "nav.top .menu-header ul.main".
Features
- Any element can stick: although common use is for navigation menus, the plugin will let you pick any unique element with a name, class or ID to stick at the top of the page once you scroll past it. Use it for a sidebar, Call-to-action box, banner ad, etc.
- Positioning from top: optionally, you can add any amount of space between the sticky element and the top of the page, so that the element is not always stuck at the "ceiling" of the page.
- Enable for certain screen sizes only: optionally, you can set a minimum and/or maximum screen size where the stickiness should work. This can be handy if you have a responsive site and you don't want your element to be sticky on smaller screens, for example.
- Z-index: in case there are other elements on the page that obscure or peek through your sticky element, you can add a Z-index easily.
- Dynamic Mode: some issues that frequently appear in responsive themes have been address by adding a Dynamic Mode. See FAQ for details.
- Debug Mode: find out possible reasons why your element doesn't stick by switching on Debug Mode, and error messages will appear in your browser's console.
Screenshots
