单击并滚动时隐藏/显示 div

Question

我想创建一个隐藏的搜索表单，当我们单击搜索图标时，该表单会出现，而当用户单击或滚动时，搜索表单会隐藏。

Answer 1

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

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

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