Have sticky appear at a certain point

Hi, thanks for considering my plugin.

My plugin can only be used to stick an element once it reaches the top of the screen. I’m not entirely sure what your setup is (if you share a link to your site, I can get a better idea), but from what I understand you want the menu to scroll (off-screen) and then come back later? If that’s the case, then I have to say no, that’s not possible with my plugin.

Okay,
thanks anyways. Maybe you can help me with another problem.

I read in the FAQ’s about a solution to change the css when the element becomes sticky although it is not working on my website.

I gave the css class to the module although the changes are not taking place. How can I achieve this?

Do you have a link to your site? I can then take a look and see what might be wrong.

currently setup like your FAQ example
golfinred.com

.element-is-sticky

.element-is-sticky {
background: blue;
}

.element-is-sticky {
background: blue;
}

This code should definitely work, but I don’t see it applied anywhere in your CSS. In which file did you add that exactly?

The custom css section.. admin theme panel

I’m not able to access your admin theme panel, or see where the code is loaded that you add there, but I don’t see it on your actual site.

Is there any other code in the Custom CSS section that IS loaded? If so, can you give me an example?

Hello,

I found out the issue why the css was not applying to the website.

Now my question is what .element-is-sticky does.

My understanding was that you can change the css once you scroll and make the element sticky. It changed the static design on my element before I even scrolled to make it sticky.

My goal is the change the css attributes once I scroll down the page a certain amount. – if this is not possible then atleast at the beginning of scrolling.

Thanks

Now my question is what .element-is-sticky does.

This classname is added to your element, only when it’s sticky. That way, you can assign any properties to it and ensure that these properties only apply when your element is sticky.

However, since your element is always sticky, this classname is already there right on page load.

Hello

Why is my element “Always sticky”

I want the default to not be sticky, then once you scroll it becomes sticky. Is that not how everything is supposed to work by default?

With my plugin, the element becomes sticky once it reaches the top of the screen (after the user starts scrolling).

But, your element is already at the very top of the screen right on page load, so that’s why it’s sticky right off the bat.

Okay,

Now I understand. It’s because by default I have the element at the top of the screen so there is no way I can take advantage of that functionality.

Any way to change this??

You may want to try giving the element a top margin of 1px. That way, it’s not at the top of the page on page load, but once the user starts scrolling, it will reach the top right away, and it will become sticky.

Other than that, I can’t think of any solution.