我有一個按鈕可以“導(dǎo)航”到一個新頁面。為此，該按鈕使當前部分/頁面的顯示設(shè)置 = 無，新部分/頁面的顯示 = 阻止。<div class="listLeft"><p class="listItems" onclick="navButtons('work')">work</p><p class="listItems" onclick="navButtons('about')">about</p></div><div class="listRight"><p class="listItems" onclick="navButtons('playground')">playground</p><p class="listItems" onclick="navButtons('contact')">contact</p></div>js下面function navButtons(page) {  let section = document.getElementById(page);  section.setAttribute("class", "visible");    window.location.href = `#${page}page`;  window.scrollTo(0, document.body.scrollHeight);  let pagesArrayCopy = [...pagesArray]  const unselected = pagesArrayCopy.filter(item => item.id !== page);  setTimeout(() => {      unselected.forEach((el, index) => unselected[index].setAttribute("class", "invisible"));      pagesArray = Array.from(pagesNodeList);    }, 500);};當我按下后退按鈕時，url 顯然變回了舊 #section，但 css 沒有重置，因此新頁面仍然可見，上一頁仍然顯示 = none。我該如何解決這個問題，所以當按下后退按鈕時，css 值重置為默認值？