Masquer/afficher le div en cliquant et en faisant défiler
P粉5638310522024-04-06 12:20:46
0
1
392
Je souhaite créer un formulaire de recherche masqué qui apparaît lorsque nous cliquons sur l'icône de recherche et se cache lorsque l'utilisateur clique ou fait défiler.
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Vous devez utiliser l'événement .onclick dans js et modifier les propriétés d'affichage et de visibilité en fonction. Par exemple :
document.getElementById("searchIcon").onclick = searchFunction function searchFunction(){ const search = document.getElementById("searchForm"); search.style.display = "block"; search.style.visibility = "visible"; }Bien sûr, il doit être masqué par défaut. Mais display:none n’est pas obligatoire et dépend de votre site Web.