JSの文章が冗長になってしまう

こんにちは。
現在JSで「スクロールしたらひっこむナビ」を作っているのですが、いまのままだと、スクロールするたびにgetElementByIdをしてしまいます。（スコープがちがうため、外側には書けない）
なんとか一回getしたらそれで終わりの形にできないでしょうか？

・html

<nav class="globalMenuSp"> <ul> <li><a href="#">Menu1</a></li> <li><a href="#">Menu2</a></li> <li><a href="#">Menu3</a></li> <li><a href="#">Menu4</a></li> <li><a href="#">Menu5</a></li> </ul> </nav> </div> <div class="innermiddle"><img src="../img/logo.svg" alt="企業ロゴ" title="企業ロゴ"></div> <div class="innerright"><img src="../img/folder-solid.svg" alt="フォルダー" title="フォルダー"></div>

・js
window.addEventListener('scroll', function(){
var header = document.getElementById('header');
header.classList.toggle('close',window.scrollY>76);
});

・css
.close{
position: absolute!important;
top:76px;
display: none;
}

どなたか解説をよろしくお願いいたします。