Skip to content
This repository has been archived by the owner on Sep 20, 2023. It is now read-only.

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

Open
hellopath opened this issue Jul 11, 2020 · 1 comment
Open

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

hellopath opened this issue Jul 11, 2020 · 1 comment

Comments

@hellopath
Copy link

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
Copy link

hellofantastic commented Jul 30, 2020

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

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants