Comment faire des points de scoll en CSS/HTML
Résolu
NitroH
Messages postés
19
Date d'inscription
Statut
Membre
Dernière intervention
-
R0b0x -
R0b0x -
A voir également:
- Comment faire des points de scoll en CSS/HTML
- Mettre des points sur une carte - Guide
- Comment insérer des points de suite sur word - Guide
- Editeur html - Télécharger - HTML
- Br html ✓ - Forum Webmastering
- Balise </br> - Forum HTML
5 réponses
Salut,
HTML n'est absolument pas de la programmation...
Par contre pour ce que vous voulez il faut utiliser de la programmation. Donc pas HTML(langage descriptif appelé aussi langage de balisage tout comme XML) mais JavaScript(langage de programmation script).
"Ce que j'appelle des points de scroll c'est le fait que quand on scroll une fois(bouge la molette), on arrive a un point A ou B. "
Sauf que ce n'est pas le cas: quand vous faites défiler la barre le programme va déterminer une position établie et passer à celle là.
Explication :
https://developer.mozilla.org/en-US/docs/Web/API/Element/scroll
Une autre avec exemple:
https://www.w3schools.com/cssref/pr_scroll-behavior.asp
(pour l'exemple là on clique avec la souris sur un lien , la différence c'est que c'est l'événement de défilement de la barre qui déclenche la même chose).
edit: euh même chose pour CSS ce n'est pas de la programmation même s'il permet d'indiquer des propriétés et faire des effets sur les éléments HTML. Bref CSS non plus ne sert pas à ça et est aussi un langage descriptif, donc ne permet pas ce que peut faire la programmation comme c'est le cas dans l'exemple que vous indiquez.
https://fr.wikipedia.org/wiki/Programmation_informatique
HTML n'est absolument pas de la programmation...
Par contre pour ce que vous voulez il faut utiliser de la programmation. Donc pas HTML(langage descriptif appelé aussi langage de balisage tout comme XML) mais JavaScript(langage de programmation script).
"Ce que j'appelle des points de scroll c'est le fait que quand on scroll une fois(bouge la molette), on arrive a un point A ou B. "
Sauf que ce n'est pas le cas: quand vous faites défiler la barre le programme va déterminer une position établie et passer à celle là.
Explication :
https://developer.mozilla.org/en-US/docs/Web/API/Element/scroll
Une autre avec exemple:
https://www.w3schools.com/cssref/pr_scroll-behavior.asp
(pour l'exemple là on clique avec la souris sur un lien , la différence c'est que c'est l'événement de défilement de la barre qui déclenche la même chose).
edit: euh même chose pour CSS ce n'est pas de la programmation même s'il permet d'indiquer des propriétés et faire des effets sur les éléments HTML. Bref CSS non plus ne sert pas à ça et est aussi un langage descriptif, donc ne permet pas ce que peut faire la programmation comme c'est le cas dans l'exemple que vous indiquez.
https://fr.wikipedia.org/wiki/Programmation_informatique
Et juste si c'est pas de la programmation c'est quoi ?
J'ai déjà indiqué ce que c'est: un langage descriptif(ou plutôt des langages pour HTML , CSS, XML, JSON, etc... les formats ne manquent pas).
Regardez juste le lien que j'ai mis sur la programmation pour comprendre ce qu'est la programmation et ce qui n'est pas de la programmation.
Les langages descriptifs(ou de balisage) c'est comme une liste de courses qui est "lue" par le programme(un navigateur pour les pages web). On parle aussi de format de données mais s'il n'y a pas u n programme pour les traiter les données serviront pas à grand chose.
...
Rien de plus:
donc aucune des possibilités de la programmation avec une "liste de courses" ou plutôt liste d'éléments de la page pour HTML et liste de propriétés de style sur les éléments pour CSS.
Regardez juste le lien que j'ai mis sur la programmation pour comprendre ce qu'est la programmation et ce qui n'est pas de la programmation.
Les langages descriptifs(ou de balisage) c'est comme une liste de courses qui est "lue" par le programme(un navigateur pour les pages web). On parle aussi de format de données mais s'il n'y a pas u n programme pour les traiter les données serviront pas à grand chose.
- alimentation : des carottes,
- alimentation : boites de conserve,
- ménage : lessive,
- librairie: livre informatique,
...
Rien de plus:
<rayon> <charcuterie> saucisson premier prix, salami, ... </charcuterie> <fromage> <ul><caption>AOC</caption> <li>Camembert </li> <li>Roquefort</li> </ul> industriels: <ul> <li>Babybel</li> ... </ul> </fromage> </rayon> <parking> <sous-sol> <voiture>Benz Benz Benz <propriétaire> Joey Star </propriétaire> </voiture> </sous-sol> <extérieur> ... </extérieur> </parking>
#alimentation{
nombre-boite-petits-pois: 12;
}
donc aucune des possibilités de la programmation avec une "liste de courses" ou plutôt liste d'éléments de la page pour HTML et liste de propriétés de style sur les éléments pour CSS.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
exemple de programmation en vague algorithme textuel:
Si la valeur indiquée est supérieure à 10 marquer "supérieur"
Si la valeur indiquée est inférieure à 1 marquer "vous ne pouvez avoir un nombre d'articles inférieur à 1"
En JavaScript
En programmation:
Il y a une conception logique(mathématique booléene, comparaison, algorithme...) et la présence de variables qui sont des valeurs utilisables par un programme(ici un nombre qui peut aussi servir à faire des calculs).
Ce n'est pas le cas avec une liste qui est seulement déclarative et peut seulement indiquer les éléments qui la composent, à un programme par exemple(le navigateur qui les transforme en leur affichage).
Si la valeur indiquée est supérieure à 10 marquer "supérieur"
Si la valeur indiquée est inférieure à 1 marquer "vous ne pouvez avoir un nombre d'articles inférieur à 1"
En JavaScript
var nombreArticles =11;
if(nombreArticles>10){alert('supérieur');}
if(nombreArticles<1){alert('vous ne pouvez avoir un nombre d\'articles inférieur à 1');}
En programmation:
Il y a une conception logique(mathématique booléene, comparaison, algorithme...) et la présence de variables qui sont des valeurs utilisables par un programme(ici un nombre qui peut aussi servir à faire des calculs).
Ce n'est pas le cas avec une liste qui est seulement déclarative et peut seulement indiquer les éléments qui la composent, à un programme par exemple(le navigateur qui les transforme en leur affichage).