How to disable Animate On Scroll for a mobile viewport in Oxygen

Categories:
Tags:
, ,

Sometimes it is necessary to animate an element while scrolling only on the desktop. There are two ways to disable animation on scroll for smaller breakpoints in Oxygen.

1. Global setting to disable animation

Go to Manage > Settings > Global Styles > Animate On Scroll and use the Disable On option :

Global disable Animate On Scroll for a mobile viewport in Oxygen

This will apply to all of your animated elements.

2. Disable animation for a specific element

Select the element, go to the smaller breakpoint and in the Advanced > Custom CSS tab add the following code:

opacity: 1;
transform: translate(0) scale(1);

E.g.:

How to disable Animate On Scroll for a mobile viewport in Oxygen

arrow-up