search

TylerBarnes / gatsby-plugin-transition-link

A link component for page transitions in gatsby
537 stars 71 forks source link

Keep old page and new page content during the animation #221

Open hellopath opened 4 years ago

hellopath commented 4 years ago

Hi there,

I was wondering if during the transition of the new page I can still keep the old page visible at the bottom of the new one. Technically I would like to cover the old page swiping the new one on top of it.

I tried to play with AniLink <AniLink swipe direction="left" to="page-4"> Go to Page 4 </AniLink> but it swipes the two pages at the same time and it looks pretty buggy.

Is there any out of the box functionality that I may missed?

Thanks you!

example

hellofantastic commented 4 years ago

If you are just trying to swipe over with a solid color try "cover" instead of swipe, other references in issues look like @TylerBarnes was/is attempting to deprecate swipe you can also try entryOffset={80} with swipe but that will cause incoming page to push old page over not cover over. another is move over to TransitionLink and use an animation function with gsap