Aos: Horizontal scroll issue!

[waqar-imtiaz]

So this happens on small screens

and it auto resolves when we scroll to that section and in the end it's fixed, like this

how can I fix it? I understand that its causing because of transforms that are used for animation purpose but is anyway around it that it does cause overflow? it's effecting the fixed position elements.

P.S: Sorry if this is not the right way of asking, I never posted like ever :)

[jonathanj]

This issue was closed but unfortunately there was no reason for closing it, I'm having the same issue.

[waqar-imtiaz]

I have reopened the issue, it's causing because of transforms on x axis, if you don't use any such properties like slideLeft or flipLeft, fadeLeft. and the scroll goes away as you reached to that section.

[jonathanj]

@waqar-imtiaz Indeed! I did some digging through other issues and applying overflow-x: hidden to the relevant container element (which ended up not being the top-level container, weirdly enough) resolved the issue for me.

One of the comments mentioned adding this to the FAQ, which would probably help.

[Dzordzu]

Solution in #234

[nabtron]

Adding overflow-x: hidden to the element container broke the (smooth) scroll manually, so I placed overflow-x: hidden to the body and it works perfectly now!

However yes, add this to the implementation page so that people can use it when needed.