Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

horizontal scroll give me troubles on smartphone size #735

Open
pierrot10 opened this issue Jan 11, 2022 · 5 comments
Open

horizontal scroll give me troubles on smartphone size #735

pierrot10 opened this issue Jan 11, 2022 · 5 comments

Comments

@pierrot10
Copy link

Hi
Thanks for that nice tool. I am using it for the first time and it look nice.
However, I observed an issue on the smartphone.

The element appear as execpted but I observed that we can scrool the windows from left to right.
It's look like the hidden element (before scolling down the windows) are outside of the frame. I mean, the size of the screen. And I beleive, that the reason why we can scrool a bit from right to left or left to right.

Is there is setting to avoid that?
I tried to disable the aos with

AOS.init({
    	// Global settings:
		  disable: 'phone',

Without success. I also tried with 'mobile'. But I would like to try to avoid the horizontal scroll even if it's not a lot.

Many thanks

@valdruide
Copy link

valdruide commented Feb 1, 2022

this work for me :

<script>
    $(function() {
    AOS.init({
        disable: window.innerWidth < 768,
    });
});
</script>

@RWitak
Copy link

RWitak commented Feb 27, 2022

I've had the same issue (which was pretty hard to pinpoint as no element seems to cross the line by measurements alone). Disabling on mobile is not ideal, but sometimes changing the animation (especially from zoom-out to zoom-in) is a quick fix. Would be great though if AOS didn't mess up the frame size in the first place...

@trevorius
Copy link

I have had the same issue on safari all screen sizes. ended up using a different animation.

@HeinOrangeCollarMedia
Copy link

I have had the same issue on safari all screen sizes. ended up using a different animation.

can you recommend other animation plugin?

@trevorius
Copy link

I have had the same issue on safari all screen sizes. ended up using a different animation.

can you recommend other animation plugin?

I used the same plugin just not the animation that was causing the problem.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants