Support » Plugin: Sticky Menu (or Anything!) on Scroll » Have sticky appear at a certain point

  • I am using this plugin to stick a fullwidth menu to the top of my page. The menu is the first module of the first section.

    I was wondering if this menu can scroll like normal and appear on the top as a sticky once I fully scroll through the first section.

    Please let me know

    Thanks

Viewing 13 replies - 1 through 13 (of 13 total)
  • Plugin Author Mark Senff

    (@senff)

    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?

    Plugin Author Mark Senff

    (@senff)

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

    golfinred

    (@golfinred)

    currently setup like your FAQ example
    golfinred.com

    .element-is-sticky

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

    Plugin Author Mark Senff

    (@senff)

    .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

    Plugin Author Mark Senff

    (@senff)

    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

    Plugin Author Mark Senff

    (@senff)

    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?

    Plugin Author Mark Senff

    (@senff)

    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.

    golfinred

    (@golfinred)

    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??

    Plugin Author Mark Senff

    (@senff)

    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.

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Have sticky appear at a certain point’ is closed to new replies.