Effects and scroll effects depending on the screen

Elements Beta Feedback
1

RapidWeaver Elements 10 (22909)

Hi,

I am testing effects and scroll effects and I wonder if it is possible to activate them on md and lg screens and deactivate on mobile, for example.
I have not found how to do that. When I enable effects or scroll effects, it seems that it is for all screens.

2

Sorry, right now scroll effects are the same on all devices.

What were you trying to do?

3

@Dan this is a common request, sometimes people want to scale back or turn off animation all together on certain devices for a better user experience.

You could utilize ‘gsap.matchMedia()’ along with ‘prefers-reduced-motion’ for this, GreenSock has examples. :nerd_face:

4

I just tried to play with your latest demo (fitness demo) et wanted to avoid effects on small screens (mobile) and I didn’t find how to do. That’s why I asked on the forum.

5

The scroll effects are new and experimental, so we haven’t added in the responsive support just yet. We’ll most likely add this in a future beta when we’ve refined the effects further.

2 Likes