使元素在页面滚动时隐藏，但在页面变为静态时元素再次出现

.element {
  position: fixed;
  top: -100px; /* 将元素隐藏在页面上方 */
}

window.addEventListener('scroll', function() {
  var element = document.querySelector('.element');
  element.style.top = '-100px'; /* 将元素隐藏在页面上方 */
});

window.addEventListener('scroll', function() {
  var element = document.querySelector('.element');
  if (window.scrollY === 0) {
    element.style.top = '0'; /* 元素重新出现 */
  }
});