search

michalsnik / aos

Animate on scroll library
MIT License
26.84k stars 2.6k forks source link

Some animations not firing on mobile. #543

Open RenegadeMonster opened 4 years ago

RenegadeMonster commented 4 years ago

Not all animations are firing on mobile. On this page about half the animations do not fire. Because I am using fade-left and fade-right nothing appears on mobile. Staging link below where this bug can be seen.

http://staging.1035seaside.com/building/

This is:

Specifications

Expected Behavior

All blocks fade and slide in like on desktop.

Actual Behavior

About half the blocks never appear on mobile.

Steps to Reproduce the Problem

  1. Open http://staging.1035seaside.com/building/ on mobile
  2. Scroll Down.
  3. Compare content of page with desktop to see missing content.

Detailed Description

Possible Solution

RenegadeMonster commented 4 years ago

Same issue exists when upgrading to 3.0.0 Beta 6.

sebastian-marinescu commented 4 years ago

I don't have that problem on a Samsung S10 inside Chrome - seems to be an issue with Safari-Webkit

fahedusmanrana commented 3 years ago

@RenegadeMonster I have mentioned a solution which worked for me here https://github.com/michalsnik/aos/issues/646#issuecomment-803794602 I hope it will work for you.