Bonjour, :)

J'ai suivi le tuto il y a quelques temps sur le Menu Responsive, tout est nickel SAUF que je me suis aperçu que quand je passe en version "mobile", le scroll fluide que j'ai prévu en Jquery (Animate + scrollTop) pour aller d'un endroit à un autre de la page ne marche absolument plus.
Ce scroll fluide marche nickel en version "medium et large" screens, mais dès que je passe en "mobile", ça ne scroll plus du tout, ça reste au même endroit.

Voici l'extrait de ma fonction Jquery, sachant que "height" est bien renseigné avec la bonne valeur qu'on soit en mobile ou autre :

$('html, body').animate({ scrollTop: height }, duration);

Le palliatif (pas top-top) que j'ai trouvé est de virer le "e.preventDefault();" lors du clic, ce qui fait que j'accède bien à l'endroit désiré de la page mais de façon brute de fonderie, sans effet fluide et en + ça rajoute l'ancre d'arrivée à l'URL (ex: "ma-page/#ancre-d-arrivee) donc pas génial.

Et surtout je ne vois absolument pas comment faire pour régler ce problème.

Je ne sais pas si vous avez constaté le même souci mais si vous avez une solution je suis preneur.

Merci par avance.

Claw

1 réponse


Salut Claw69,

J'ai eu le même probleme et impossible de le resoudre.

As-tu trouver une solution de ton coté ?

Merci pour ta reponse ;)