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 -
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")
A voir également:

5 réponses

NitroH Messages postés 19 Date d'inscription   Statut Membre Dernière intervention   1
 
C'est a dire que quand tu fais UN SEUL SCROLL tu fais le trajet de 3 ou 4 scroll
0
R0b0x
 
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
0
NitroH Messages postés 19 Date d'inscription   Statut Membre Dernière intervention   1
 
Merci beaucoup pour vos explications !
0
NitroH Messages postés 19 Date d'inscription   Statut Membre Dernière intervention   1
 
Et juste si c'est pas de la programmation c'est quoi ?
0
R0b0x
 
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.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
R0b0x
 
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).
0