jquery: animer scrollLeft

Question

Je suis assez nouveau sur jquery et je n’arrive pas à comprendre pourquoi mon code ne fonctionne pas. J’ai une mise en page horizontale et je souhaite utiliser la fonction scrollLeft() (qui fonctionne parfaitement avec ce code)

Mais idéalement, j’aimerais animer cela de sorte que lorsque #next est cliqué, il y ait un bel effet animé à la fonction de défilement vers la gauche

Mais en vain. Qu’est-ce que je fais de mal?

Answer 1

Vous voudrez quelque chose comme ceci:

Je crois que cela devrait fonctionner, c’est adopté à partir d’une `` fonction.

Answer 2

Tout d’abord, je dois souligner que les animations css fonctionneraient probablement mieux si vous le faites beaucoup, mais j’ai fini par obtenir l’effet souhaité en enveloppant .scrollLeft dans .animate

Le deuxième paramètre est la vitesse, et vous pouvez également ajouter un troisième paramètre si vous utilisez un défilement lisse d’une sorte ou d’une autre.