Aos: AOS causing horizontal scroll bar to appear

[nom3d]

This is:

• Bug
• Feature request
• Question
• Idea

Specifications

• AOS version:2.3.4
• OS:win7
• Browser:firefox

Expected Behavior

No horizontal scrollbar

Actual Behavior

AOS causing horizontal scroll bar to appear when browser window is sized under 1000px or so.. seems to happen on the data-aos="fade-right" and data-aos="fade-left". When the container is say 800px wide and the browser is around 850-900 a horizontal scrollbar will appear until you scroll down and the effect is done.

Steps to Reproduce the Problem

1.
2.
3.

Detailed Description

Possible Solution

[sGentiletti]

overflow: hidden; for that container, and we can wait for the fix.

[BuRTaRT]

Yep,the same problem.

[jbator]

Same issue here. Usning bootstrap4 ".container-fluid" and rows with data-aos="fade-right" and data-aos="fade-left".

[aronmeszaros]

overflow: hidden; for that container, and we can wait for the fix.

or perhaps because fade-right and fade-left is the case, overflow-x: hidden; would be the best

[tomihbk]

Same problem.

[mzvarik]

This will never be fixed... this library should be erased and not used.

[antonyleme]

Not solved yet. I can't use overflow-x: hidden because the navbar goes out beyond the page

[jonasmarco]

Sadly, same problem here.
I'd to use overflow-x:hidden on mobile to solve it.

[nicolaskeller]

overflow-x: hidden; on the body fixed it for me.

[CaioSilvaWeb]

I used overflow-x: hidden in the mother div and solved the problem, excellent library.

[BanjerHD]

Same for me on any size with text-align: center;

[juliebam]

I have this issue but only chrome and mobile. overflow-x:hidden doesn't seem to fix it. (its fine on firefox)

[Ariansdf]

overflow-x: hidden; on the body fixed it for me.

SAME HERE ! thanks ! that was a life saver !!!
my div position is absolute, so it seems that the parent div overflow:hidden would not work ! (maybe ! not sure really why)

[AliHussain85]

And what about the shadow of elements that get's hide due to overflow:hidden of parent div?

[SaeidEsk]

header,
section {
width: 100%;
float: left;
overflow: hidden;
}

[Ateyyah-Buthor]

Well, for me the overflow: hidden thing worked only on desktop view..
but on mobile, I fixed it with something similar...
My whole HTML body is divided into sections..

That's what I put in my CSS file -=And worked fine on mobile=- :
section {
overflow:hidden;
}

[volkandkaya]

Body never worked, using overflow hidden on section was perfect.

[Dulanka-K]

overflow-x: hidden; in body alone didn't fix. Had to include following meta tag too