Coder un Indicateur de Scroll en JavaScript

[@EcoleduWeb]

On peut en effet légèrement raccourcir le calcul en enlevant le "* 100 / 100" const percentage = ((window.scrollY - content.offsetTop) / content.scrollHeight).toFixed(2); scrollIndicator.style.transform = `scaleX(${(percentage)})`

[@hasnihasni2039]

Merci beaucoup pour cette vidéo. Je l'attendais avec ton approche. C'est bien de varier les sources avec différentes explications PS: Tu as été courageux de prononcer le mot interdit de nos jours (jQu***) 😃

[@isa8383]

Super vidéo encore Enzo , merci 🙏🙏🙏. Ce qui est génial c'est que non seulement on apprend des méthodes JS, mais en plus il y toujours cet aspect concernant les performances navigateur. C'est vraiment top 👍👍👍😊

[@EcoleduWeb]

Merci Isa! J'essaye de donner le maximum d'infos 🙌🙌

[@isa8383]

@@EcoleduWeb On s'en rend bien compte, c'est aussi pour ça qu'on apprécie ta chaîne et tes cours. 👍👍👍

[@menbas]

merci pour cette vidéos

[@azertty3302]

tes vidéos sont au top et toujours biens expliquées !

[@nikitakimimaro4361]

Au top MERCI

[@Soukouna4252]

Pourrais-tu nous faire une vidéo sur les fonctions min() max() et clamp() en css ?

[@ilanoud8695]

Super vidéo comme toujours ! Merci beaucoup ! Juste une petite suggestion : tu n’avais pas besoin de diviser puis multiplier par 100, ça aurait fonctionné et tu aurais eu simplement 2 décimales au lieu de 4 dans le scaleX 😄

[@EcoleduWeb]

Wops l'étourderie ! Je le rajoute en com épinglé :) Merci pour le compliment

[@Soukouna4252]

Merci beaucoup

[@mrs8683]

magnifique

[@polnio]

Super vidéo ! J'ai juste une petite question : il y a une raison si à 11:00 tu mets un else if à la place d'un simple else ? Ou c'est juste une étourderie ? (Il me semble que tu avais fait pareil dans une autre vidéo avec intersection observer)

[@EcoleduWeb]

En effet dans le feu de l'action j'ai mis un else if, on peut mettre un simple else :)

[@polnio]

Ah d'accord. Merci !

[@AdaAsh01]

Bonjour, j'ai reproduit cet exercice avec succès mais lorsqu'il s'agit de l'adapter sur un autre contenu, la progression s'arrête à 89.97 ... Une idée de ce qui pourrait causer ce problème? (je sais bien que sans le code sous les yeux c'est moins facile mais sait-on jamais.) Je ne sais plus où chercher, merci 🙂

[@AdaAsh01]

J'ai trouvé 😅 apparemment il est très important que le footer soit très grand de façon à faire sortir .content du viewport, si non ça ne fonctionne pas très bien... Merci pour vos tutos 🙂👌💫

[@diamondsky6605]

J'ai toujours trouvé ça cool mais quand on y pense les scroll bars servent aussi à ça 😆

[@amrabdelfattah3620]

RIP¨JQuery

On en a jamais eu besoin de jquery c'est les gens qui l'utilise car il ont la flemme d'écrire 2 lignes a la place de 1

[@EcoleduWeb]

Non, c'était vraiment très pratique pour sélectionner des éléments avant l'arrivée de .querySelector(). On pouvait aussi l'utiliser pour faire des animations très facilement, etc ... Mais le JS Moderne l'a enterré.