Questions tagged [page-transition]
38 questions
0
votes
2 answers
Restore scroll y position react-router-dom
Here I reproduced a simple snippet with a page transition made using react-spring.
Is there a way to restore the previous page scroll position when clicking on the browser back button?
There are many related QAs around, but I couldn't find any…
ale917k
- 1,494
- 7
- 18
- 37
0
votes
1 answer
Apply framer-motion to non-functional components
If you want to add framer-motion to a functional component, then add to the render method. Easy. But that's not possible in the case of non-functional components. Say I want to add a page-transition effect between the Login…
Sebastian Nielsen
- 3,835
- 5
- 27
- 43
0
votes
1 answer
Page transition css on button click (right, left, up, down)
I'm planning a webpage in Wordpress with navigation arrows (buttons) on top, right, bottom and left of the page screen. With clicking on one of the buttons you get to the next page – but with a page transition depending on the button you click…
Melissa
- 11
- 1
0
votes
1 answer
How do I transition a hero video between two pages using Swup.js without the video restarting on page change
I am having trouble transitioning a hero video between two pages using Swup.js.
Currently I can transition the video element using a custom class called 'transition-wipe' which changes the width of the video from 50% to 100% on page change, that…
Pete
- 13
- 2
0
votes
1 answer
Swup JS stuck on "pageLoaded" state
Hello I am trying to make use of this awesome plugin "Swup JS".
When I run the code from their site the plugin runs perfectly.
When I try to add it in my website it stuck in the state "pageLoaded".
I have tried to remove all the code and paste each…
Dev Osp
- 1
0
votes
1 answer
Zoom page transition HTML/CSS/JavaScript
I want to create a page transition in HTML where by clicking an image/text there is this kind of Star Wars hyper jump animation. This means when I click the image/text the page zooms towards that image/text and that image/text turns into a separate…
Steven
- 61
- 1
- 8
0
votes
1 answer
page transition is not working with swup js
I have 2 pages as of now. What I am doing is, I am trying page transition and I am using below plugin swup. Now my issue is page transition is not working when I click on the menu.
I added menu like /index and /about in href and my URL is…
Naren Verma
- 2,205
- 5
- 38
- 95
-1
votes
1 answer
c# aspnet core and razorpages with page transistion
I need to design a razor frontend that displays events for a particular room on a webpage. The URL structure will be like /rooms/room-1. (that part works)
I have a backend that collects all the events scheduled for that particular room on that day,…
Jhans7777
- 3
- 2