aos
aos copied to clipboard
horizontal scroll give me troubles on smartphone size
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
this work for me :
<script>
$(function() {
AOS.init({
disable: window.innerWidth < 768,
});
});
</script>
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...
I have had the same issue on safari all screen sizes. ended up using a different animation.
I have had the same issue on safari all screen sizes. ended up using a different animation.
can you recommend other animation plugin?
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.