Div beim Klicken und Scrollen ein-/ausblenden

Question

Ich möchte ein verstecktes Suchformular erstellen, das angezeigt wird, wenn wir auf das Suchsymbol klicken, und ausgeblendet wird, wenn der Benutzer klickt oder scrollt.

Answer 1

您必须在js中使用.onclick事件并更改函数中的显示和可见性属性。例如：

document.getElementById("searchIcon").onclick = searchFunction
function searchFunction(){
   const search = document.getElementById("searchForm");
   search.style.display = "block";
   search.style.visibility = "visible";
}

当然，默认情况下它应该是隐藏的。但显示：无不是必需的，取决于您的网站。