單擊並滾動時隱藏/顯示 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";
}

當然，預設情況下它應該是隱藏的。但顯示：無不是必需的，取決於您的網站。