Problème avec JavaScript
SkillyPop
Messages postés
1
Date d'inscription
Statut
Membre
Dernière intervention
-
DoctorHow -
DoctorHow -
Bonjour,
J'essaye de créer mon site et je débute la dedans, j'aimerais créer une transition smooth entre un bouton et une ancre, mais mon JavaScript me dis qu'il y a une erreur alors que j'ai mis les bonnes choses.
Pouvez-vous m'aider à comprendre quel est le problème.
Merci de vos réponse.
voici les photos de mon html ainsi que de me JavaScript.
Vous trouverez mon ancre ligne 174 connecté au bouton ligne 28.
J'essaye de créer mon site et je débute la dedans, j'aimerais créer une transition smooth entre un bouton et une ancre, mais mon JavaScript me dis qu'il y a une erreur alors que j'ai mis les bonnes choses.
Pouvez-vous m'aider à comprendre quel est le problème.
Merci de vos réponse.
voici les photos de mon html ainsi que de me JavaScript.
Vous trouverez mon ancre ligne 174 connecté au bouton ligne 28.
A voir également:
- Problème avec JavaScript
- Telecharger javascript - Télécharger - Langages
- A javascript error occurred in the main process - Forum Handicap / Accessibilté
- Erreur #125 javascript - Forum Mozilla Firefox
- Afficher un tableau javascript en html ✓ - Forum Javascript
- Javascript arrondi - Forum Javascript
1 réponse
Salut, peut-être plus une question de CSS que de programmation:
https://developer.mozilla.org/fr/docs/Web/CSS/scroll-behavior
Ou alors vous utilisez GSAP? Une autre bibliothéque?
Parce que la méthode scrollTo ne s'utilise pas de la façon que vous faites:
https://www.w3schools.com/jsref/met_win_scrollto.asp
L'utilisation d'une bibliothèque logicielle ou Framework(JQuery, GSAP etc...il en existe des milliers même beaucoup plus) je ne recommande pas si vous n'êtes pas à l'aise avec JavaScript et ses bases parce que justement ne vous permettront pas de comprendre ni d'avoir les bases et bonnes pratiques et limiteront aux pratiques avec la bibliothèque/framework particulière.
Ici vous pouvez faire ce que vous voulez en utilisant conjointement CSS et le JavaScript .scrollTo.
Donc attribuer la propriété behavior à l'élément sujet au scroll (peut-être pas window donc qui n'existe pas en CSS) puis faire le scrollTo comme indiqué dans le manuel :
Ici sans JavaScript:
https://www.w3schools.com/cssref/pr_scroll-behavior.asp
Le JavaScript peut servir à calculer les dimensions proportionnelles de la page et adapter le scroll à la résolution d'écran(donc calculer la position à scroller pour atteindre telle zone/partie de la page et utiliser celle ci dans le scrollTo).
En espérant être clair et vous aider.
ps: il est indispensable d'utiliser les outils de développement du navigateur quand on fait du JavaScript, dont la fameuse console qui vous indiquera si vous avez des erreurs et quel type d'erreur ce qui permet de les connaître pour les corriger(débogage).
https://developer.mozilla.org/fr/docs/Web/CSS/scroll-behavior
Ou alors vous utilisez GSAP? Une autre bibliothéque?
Parce que la méthode scrollTo ne s'utilise pas de la façon que vous faites:
https://www.w3schools.com/jsref/met_win_scrollto.asp
L'utilisation d'une bibliothèque logicielle ou Framework(JQuery, GSAP etc...il en existe des milliers même beaucoup plus) je ne recommande pas si vous n'êtes pas à l'aise avec JavaScript et ses bases parce que justement ne vous permettront pas de comprendre ni d'avoir les bases et bonnes pratiques et limiteront aux pratiques avec la bibliothèque/framework particulière.
Ici vous pouvez faire ce que vous voulez en utilisant conjointement CSS et le JavaScript .scrollTo.
Donc attribuer la propriété behavior à l'élément sujet au scroll (peut-être pas window donc qui n'existe pas en CSS) puis faire le scrollTo comme indiqué dans le manuel :
Ici sans JavaScript:
https://www.w3schools.com/cssref/pr_scroll-behavior.asp
Le JavaScript peut servir à calculer les dimensions proportionnelles de la page et adapter le scroll à la résolution d'écran(donc calculer la position à scroller pour atteindre telle zone/partie de la page et utiliser celle ci dans le scrollTo).
En espérant être clair et vous aider.
ps: il est indispensable d'utiliser les outils de développement du navigateur quand on fait du JavaScript, dont la fameuse console qui vous indiquera si vous avez des erreurs et quel type d'erreur ce qui permet de les connaître pour les corriger(débogage).
