Latif Pala

<p>The Sticky on Scroll plugin for wordpress allows to make any element sticky as soon as the element hits the top of the page. It is commonly used to keep navigation menus at the top of page.</p>
<p>You might have to add little bit of HTML/CSS to work this plugin perfectly for other elements except navigation menu. Make sure you do not select too large elements as sticky.</p>
<p>Always try to add a unique element class/ID for the element you want to set as sticky. For multiple elements you can use class for best results.</p>
<p>For multiple elements you can easily add element ID or classes separated by comma (For eg. #section1, #section2, .header). You can also use any HTML elements as sticky. However adding using ID/class is preferable.</p>


Sticky on Scroll

You can pick any element that you want to stick on top of the page when you scroll down. It can be used for navigation menus or any element that you w …

Iulia Cazan

<p>This plugin appends custom functionality to the native customizer and provides the settings for making the header sticky, with settings for scroll minification, shadow, background, spacing, text, menu and icons colors, etc. This is compatible with Twenty Twenty -> Twenty Twenty-Four, Astra and Hello Elementor themes. See all details of the plugin at https://iuliacazan.ro/sticky-header-2020/.</p>
<h3>Demo</h3>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/0l86zWlFuzU?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h3>License</h3>
<p>This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.</p>
<h3>Version history</h3>
<p>2.1.0 – Tested up to 6.5; added minified header background color option; themes compatibility updates: Twenty Twenty -> Twenty-Four, Astra, Hello Elementor; styles updates<br />
2.0.1 – Tested up to 6.2; fixed the admin menu overlay, translation updates<br />
2.0.0 – Tested up to 5.8, added compatibility for Astra and Twenty Twenty-One, reset/import/export options<br />
1.1 – Tested up to 5.3.2, remove/keep settings on deactivate, fix the scroll to top issue.<br />
1.0 – Prototype.</p>


Sticky Header 2020

Make your site header sticky, use your custom colors, minify and change the header size and colors on page scroll.

Sticky on Scroll vs Sticky Header 2020