small Minimum scroll distance not working

  • Resolved Design Hero

    (@designhero)


    4 years, 1 month ago

    Hi there this is a great plugin, use it on nearly all my sites.

    There’s one quirk which I could never figure out;
    I want the header effects to take effect as soon as the user scrolls any amount.
    I set scroll distance to 1px, but I still need to scroll about 100px before effects are applied.
    Setting the scroll distance to 300px or 500px works fine, but it’s as though there is a minimum scroll cutoff, where anything less than about 100px makes no difference, and the user still has to scroll down more to apply the effects.

    I also use it on my own website web design website and on lots of other sites.

    I should add I’m trying on Firefox and Chrome

    Here are two screenshots, showing I have scrolled about 100px before the sticky header effects are applied:

    Scroll distance set to 1px :
    https://prnt.sc/wiwbjx

    scrolled to 100px and no effects:
    https://prnt.sc/wiwc6v

    scrolled to 150px and effects applied:
    https://prnt.sc/wiwc0e

    Any help would be much appreciated

    • This topic was modified 4 years, 1 month ago by Design Hero.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Contributor Robert Wattner

    (@rwattner)

    Hi, happy to hear you like the plugin but sorry you’re having problems. To be honest this is the first time I’ve seen this issue. I’m away from my computer right now but I’ll take a better look when I’m back.
    Until then, are you using any caching or site speed/performance plugins or on your hosting that might be affecting any code? I’ve seen code minification, combination, relocation, “optimization”, and other things cause problems.

    Plugin Contributor Robert Wattner

    (@rwattner)

    It looks like you have the plugin enabled o n2 different sections. Currently, the plugin doesn’t support this and all the settings get mixed up. Do you have the plugin on more than one section?

    Thread Starter Design Hero

    (@designhero)

    Hi Robert

    Yes that seems to have been the issue!
    Sticky Header Effects was also applied to a “preheader” which I used as a workaround for a while.
    At one point in the past there was a bug where the class .she-header wasn’t applied to the section unless there was another section before it. So I created another invisible section and applied sticky header effect to it as a workaround.

    thanks for your time!

    Plugin Contributor Robert Wattner

    (@rwattner)

    Happy you got it working right

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘small Minimum scroll distance not working’ is closed to new replies.

Tags