search

michalsnik / aos

Animate on scroll library
MIT License
26.8k stars 2.59k forks source link

Animation won't work on scrolling but with zooming in/out. #614

Open hapiscalin opened 4 years ago

hapiscalin commented 4 years ago

This is: Question

I am having trouble on the AOS in won't activate the animations when scrolling, it only activates when zooming in or out. I did follow the steps on how to install tho. and as well as removed other scripts.

SAYDUR commented 4 years ago

I had a similar issue. I had height of 100% on my html and body. removing the height worked.

`html { // height: 100%; overflow-x: hidden; }

body { font-family: "Open Sans", sans-serif; font-weight: 400; color: $dark; // height: 100%; overflow-x: hidden; }`

Mitesh13 commented 3 years ago

I had a similar issue. I used overflow-x: hidden on the root element. Actually, because of the overflow-x: hidden the scroll event listener stops getting called even while scrolling. Because of that aos animations do not work. The solution is: remove overflow or use overflow on immediate parent only.

soomyProd commented 1 year ago

Removing overflow-x: hidden; from .html in css file fix the problem ! thanks guys