Page 1 of 1

Events not working as they should on mobile and tablets

Posted: Sun Mar 26, 2023 10:48 am
by zemoura
Hi there ,

Im using scrollreveal events with css3 and they work perfectly as u can see in the texts on my web page https://www.skylightdesign.pt/SkyLightDesign/index.html

The problem is at phones and tablets the css3 events animation for example the animation tin-left starts from center and then does the effect instead of the desire one that is working on desktop , just showing from left . Tried differents css3 animations events with scroll down but all bug on phones and tablets in this aspect , they always show first on center and then do the desired effect, this just blows up intirely the elegance of the effect making it useless to use on phones and tablets...

Its making me wanna give up on web design , some help would be apreciated

Re: Events not working as they should on mobile and tablets

Posted: Sun Mar 26, 2023 11:38 am
by Pablo
Scrollevents may work different om touch devices because the scroll functionality is different. The events may trigger at different times, because on how the object comes into view.
It may also depend on how you have implemented the events. For example, because the layout grid is stacked. The event may be triggered too soon.
That is why you can disable scroll transitions in the page properties for smaller devices.