Please i need help on creating to create a scroll into view animation that changes across breakpoint
On desktop and tablet, i want contents to scroll into view from the sides but on mobile i want contents to scroll into view from bottom to top
Please i need help on creating to create a scroll into view animation that changes across breakpoint
On desktop and tablet, i want contents to scroll into view from the sides but on mobile i want contents to scroll into view from bottom to top
This isn’t a best practice but you can wrap your element with a generic div, apply the move-up interaction to it for mobile views. Turn the interaction off for desktop views. (You can do this at the bottom of the interaction panel).
Then apply your side-move interaction on the element inside of the wrapper. This one will have mobile views turned off but desktop view enabled.
I recommend just turning off the side-move on mobile to avoid the code bloat from JavaScript and extra DOM structure.
Thanks🙂… I’ll try this out