Problème avec JavaScript
Fermé
SkillyPop
Messages postés
1
Date d'inscription
jeudi 26 mai 2022
Statut
Membre
Dernière intervention
26 mai 2022
-
26 mai 2022 à 16:46
DoctorHow - 26 mai 2022 à 17:50
DoctorHow - 26 mai 2022 à 17:50
A voir également:
- Problème avec JavaScript
- Telecharger javascript - Télécharger - Langages
- Javascript void 0 c'est quoi ✓ - Forum Réseaux sociaux
- Echo javascript ✓ - Forum PHP
- Javascript obfuscator - Télécharger - Langages
- Retour à la ligne javascript ✓ - 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).
