Is it possible to avoid the "pop in" effect?

[FallingSnow]

Is it possible to have the elements always in the DOM just hidden? That way they don't change the height of their parent element when the animate in.

[jljsj33]

use tween-one

[jljsj33]

 <ScrollOverPack id="page3" hideProps={{ 1: { reverse: true } }}>
    <TweenOne
      className="demo"
      animation={{ y: 0, opacity: 1 }}
      key="1"
      style={{ transform: 'translateY(100px)', opacity: 0 }}
    />
</ScrollOverPack>

[FallingSnow]

Got the same result.

For example, notice how on https://react-component.github.io/tween-one/examples/group.html the black code box moves down when the page loads. I want to avoid that.

Am I doing something wrong, I'm using rc-queue-anim?

[jljsj33]

Try appear: false?

[FallingSnow]

Same result but now there is no animations. The elements just pop in.

[jljsj33]

I will add a appear to OverPack...

[FallingSnow]

I rolled my own component, thank you though.