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 est activé mais ne fonctionne pas ✓ - Forum Réseaux sociaux
- Erreur #125 javascript - Forum Mozilla Firefox
- Node.js javascript runtime virus ✓ - Forum Virus
- A javascript error occurred in the main process - Forum Handicap / Accessibilté
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).
