• Resolved MountainSmoke

    (@mountainsmoke)


    Hello,

    The shrink feature works, but when it occurs there’s no smooth transition to the new height; the entire page jumps along with it making for a bad user experience. Personally the shrink feature is useless because of this.

    As a test, simply adding this CSS to the stickied-widget makes a smooth transition between heights, when using the ‘shrink’ feature:

    selector {
        transition: all 0.5s; 
    }

    For this CSS, I don’t think it’s a good thing to target ‘all’. What are the specific properties the plugin is affecting when the height changes?

    FEATURE REQUEST: It would be a nice feature to set the timing of the ‘shrink’ feature.

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

    (@rwattner)

    I think that you are not able to see the transition because of the page jump issue. I have posted what I believe to be a solution to that issue and this one as well.
    Transitions have been present since the beginning.

    Here is the CSS used for the transitions…

    .she-header-transparent-yes {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    }

    We will be adding entrance animations(fade-in, slide-in, and none) with transition speed options very soon.

Viewing 1 replies (of 1 total)
  • The topic ‘Feature request: Shrink effect timing’ is closed to new replies.