在if语句中运行两个DOM语句时遇到问题

Question

我希望 if/else 语句中的两个 DOM 语句都应用于两个元素，但是第一个显示样式被应用，第二个不会

window.onscroll = function() {
  myFunction()
};

function myFunction() {
  document.getElementsByClassName("head")[0].display = "none";
  if (document.body.scrollTop > 1 || document.documentElement.scrollTop > 1) {
    document.getElementsByClassName("head").style.display = "none"
    document.getElementsByClassName("sidenav")[0].style.top = "90px";
  } else if (document.body.scrollTop < 10 || document.documentElement.scrollTop < 10) {
    document.getElementsByClassName("head").style.display = "block"
    document.getElementsByClassName("sidenav")[0].style.top = "180px";
  }
}