aos
aos copied to clipboard
hi sir, myself pramod your library is so osm. but sir i made website and added "overflow-x:hidden" to hide extra spaces. website was working very well. but sir when i added data-aos, div disappears....and div only only apperas when i remove "overflow-x:hidden". i need overflow property. please help me someone..plz plz plz plz i amvery frustated and depressed...i am at the final stage
This is:
- Bug
- Feature request
- Question
- Idea
Specifications
- AOS version:
- OS:
- Browser:
Expected Behavior
Actual Behavior
Steps to Reproduce the Problem
Detailed Description
Possible Solution
Ease up with the titles, it is very hard to understand what you are asking.
Just try this code (css):
html, body{ display: block; margin: 0px; padding: 0px; overflow-x: hidden; width: 100%; }
Is it possible to share an example please?
Is it possible to share an example please?
- Add this code to your CSS file. (my case: style.css)
Screenshot

- Link up to your CSS file on HTML (my case index.html)
Screenshot

Hi! I have the same issue, but I also use position: sticky; in my navbar. If I add overflow-x:hidden; the navbar doesn't appear on scroll? because overflow and sticky elements are not compatible. Is there some other way to fix aos issue
overflow-x: hidden
this is working nice
Just try this code (css):
html, body{ display: block; margin: 0px; padding: 0px; overflow-x: hidden; width: 100%; }
Hi, I've used this but I am facing the same issue again and again but the thing is I am using locomotive-scroll too... So how to make both the libraries work together because I really need both of them in my website.