This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Sticky on Scroll

Description

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.

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.

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.

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.

Screenshots

  • Sticky on scoll form
  • Twenty Sixteen sticky menu
  • Twenty Sixteen Settings

Installation

  1. Upload sticky-on-scroll to the /wp-content/plugins/ directory
  2. Activate the plugin through the Plugins menu in WordPress
  3. Done!

FAQ

Installation Instructions
  1. Upload sticky-on-scroll to the /wp-content/plugins/ directory
  2. Activate the plugin through the Plugins menu in WordPress
  3. Done!
How can I set elements that I want to set sticky?

You can go to settings->Sticky on Scroll. You will see two options there. You can add all elements comma separated in Sticky Element text box.

What is `Minimum screen size to set elements sticky.` field used for?

It is used to disable elements to stick at top at certain screen size. It can be used in small devices as scroll is not required in small devices. But you can use it as per your need.

Once the element becomes sticky, it is not positioned properly.

There are some situations when this can happen, if your theme assigns absolute positioning on the element. You have to adjust your css accordingly if this happens.

Is it possible to have multiple sticky elements?

Yes, you can add multiple elements separated by comma in settings->Sticky on Scroll textbox.

Reviews

جون 17, 2018
I've been looking high and low for a plugin that would allow a sticky element on the left and a scrolling element on the right. Many of them out there, but none that would allow multiple instances throughout one page. And then I come across this unreviewed (until now!) plugin that hasn't been updated in 9 months. Works great! Thanks for this plugin and I hope you support/update it.
Read all 1 review

Contributors & Developers

“Sticky on Scroll” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Sticky on Scroll” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.0.0

Initial release.

1.0.1

Alert bug fixed.