[Résolu] Inverse de .scrollBy({ left

Salut

Soit un petit slider avec des flèches de défilement:
https://codepen.io/kerlutinoec/pen/PoOzQyZ

La fonction

real.scrollBy({ left: (real.children[0].offsetWidth), behavior: 'smooth' })

fonctionne, mais pas la fonction pour défiler dans l'autre sens :

real.scrollBy({ left: -(real.children[0].offsetWidth), behavior: 'smooth' });

qui saute directement à zéro.

.scrollBy({ right

ne semble pas exister ; d'où l'essai avec une valeur négative, mais ça ne veut pas (même avec des parenthèses en plus ou en multipliant par -1).

Quelqu'un aurait une idée (en conservant le behavior: 'smooth' ) ?

Merci d'avance

Merciii !
Ca marche maintenant !

==

1 point pour moi

Pourquoi la première partie ne marche pas si il y a erreur sur la seconde partie ?

kerlutinoec a écrit :
Pourquoi la première partie ne marche pas si il y a erreur sur la seconde partie ?

J'ai pas compris

_laurent a écrit :

J'ai pas compris

Pourquoi

real.scrollBy({ left: -(real.children[0].offsetWidth), behavior: 'smooth' });

ne marche pas alors que l'erreur est dans

if (real.scrollLeft = 0) { p.style.display = "none" };

?

Ah !

Et bien si ca marchait. Sauf que directement tu mettais real.scrollLeft à 0 (parceque 1 seul égal, au dela de ne pas faire le test du if, ca changeait la valeur de real.scrollLeft) sans transition aucune. Donc avant même qu'il puisse lancer le scrollBy BOUM tu le télescopais avec un = 0 en plein dans sa courge

Bonne journée !

_laurent a écrit :
... parceque 1 seul égal, au-delà de ne pas faire le test du if, ca changeait la valeur de real.scrollLeft

Je reproduis cette erreur régulièrement, et pas plus tard qu'aujourd'hui. On ne devrait pas pouvoir réaffecter une variable dans une instruction conditionnelle à ce qu'il me semble. Ces comportements du langage sont problématiques.

\ô/

Olivier C a écrit :
On ne devrait pas pouvoir réaffecter une variable dans une instruction conditionnelle à ce qu'il me semble. Ces comportements du langage sont problématiques.

une façon de faire est d'inverser les termes de la condition, plutôt que d'écrire maladroitement

if (e.target.tagName = "A") {
}

qui ne lèvera pas d'erreur et qui ne fera rien, écrire

if ("A" = e.target.tagName) {
}

lèvera une erreur du type

Invalid left-hand side in assignment

Mettre la valeur de comparaison à gauche n'est pas toujours simple comme tournure d'esprit.

Dave-Hiock a écrit :
Mettre la valeur de comparaison à gauche n'est pas toujours simple comme tournure d'esprit.

Ah j'avoue que ca me retournerait la tête de faire ça mais très ingénieux comme trick ! Je note. Merci pour l'idée !