Comment faire des points de scoll en CSS/HTML [Résolu]

Signaler
Messages postés
18
Date d'inscription
dimanche 16 mai 2021
Statut
Membre
Dernière intervention
29 mai 2021
-
 R0b0x -
Salut !
Je voulais juste savoir comment faire des points de scroll en CSS...
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.
Comme sur le site de Tesla qui est vraiment MAGNIFIQUE :
https://www.tesla.com/fr_fr

(Et juste vous pouvez mettre un forum "programmation : HTML")

5 réponses

Messages postés
18
Date d'inscription
dimanche 16 mai 2021
Statut
Membre
Dernière intervention
29 mai 2021
1
C'est a dire que quand tu fais UN SEUL SCROLL tu fais le trajet de 3 ou 4 scroll
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
Messages postés
18
Date d'inscription
dimanche 16 mai 2021
Statut
Membre
Dernière intervention
29 mai 2021
1
Merci beaucoup pour vos explications !
Messages postés
18
Date d'inscription
dimanche 16 mai 2021
Statut
Membre
Dernière intervention
29 mai 2021
1
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.
  • 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.
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

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).