gatsby-plugin-transition-link icon indicating copy to clipboard operation
gatsby-plugin-transition-link copied to clipboard

Keep old page and new page content during the animation

Open hellopath opened this issue 4 years ago • 1 comments

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

hellopath avatar Jul 11 '20 22:07 hellopath

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

hellofantastic avatar Jul 30 '20 19:07 hellofantastic