Bonjour à tous !

J'ai créé un carousel en js à l'aide du tuto sur le site.

J'ai choisi de ne pas mettre de overflow hidden sur la div container de mon carousel (pour que mes flèches notamment soient visibles en entier).

En revanche, j'ai mis un overflow-x hidden sur mon élément html pour désactiver le scroll horizontal de ma page.
Cela fonctionne très bien sur desktop mais pas sur les appareils mobiles...

Que faut-il que je fasse pour que cela fonctionne ?

Merci d'avance pour votre aide !

Alexandra

html {
    overflow-x:hidden;
}

Ce que je veux

Désactiver le scroll horizontal sur mobile

Ce que j'obtiens

Cela fonctionne sur desktop mais pas sur mobile...

1 réponse


Essai de mettre ta propriété overflow-x: hidden dans le body et pas dans le html. J'ai essayé comme ça et ça a marcher :)