Supprimer barre recherche html [Résolu]

Signaler
Messages postés
2
Date d'inscription
vendredi 17 avril 2020
Statut
Membre
Dernière intervention
12 mai 2020
-
 Arturok -
Bonjour je suis en train de concevoir une page web en HTML et CSS(rien d très complexe)et voulant offrir une expérience utilisateur optimal je souhaite que en scrollant la barre de recherche ne soit plus perceptible est ce tout simplement possible?
(désolé d'avance pour l’orthographe)
et merci pour vos futures réponses

1 réponse

Bonjour,
c'est possible en passant par la programmation: JavaScript.
Vous pouvez repérer l’événement 'scroll' et appliquer dans la fonction associée ce que vous voulez.
Dans l'exemple ici la fonction se contente de compter le nombre de défilements effectués.

https://www.w3schools.com/jsref/event_onscroll.asp

Il serait plus logique pou ce que vous voulez de prendre en compte la position de la barre de défilement pour pouvoir afficher à nouveau le formulaire de recherche si on revient au début et ainsi éviter de devoir faire rafraîchir la page à l'utilisateur.
La fonction associée à l’événement devra donc prendre en compte la position du scroll (déterminable par les méthodes associées à l'élément) et dans un cas masquer la recherche(avec le CSS display:none; par ex.) ou la remettre à sa valeur initiale si le scroll revient à sa position de début ou proche.