I have set “scroll into view” opacity interactions (fade) on elements on every section of the page. The interactions work smoothly on desktop/laptop. When I check out the published site on iPad, none of the elements would even show up in all the sections except on home section, tested on all 3 browsers. They also don’t show on mobile. Does anyone know if this is a bug or I did something wrong?
Check out the video. When I flip the iPad to portrait position, the interaction shows up. If I rotate the iPad back to horizontal, they disappeared. Weird.
Video link: https://www.youtube.com/watch?v=zcSho-b7UnQ