Javascript onscroll 函数不起作用

Question

当用户滚动超过 25 像素时，我试图将 class 添加到 id。我不确定为什么，但我放学后该功能没有启动。任何关于为什么的帮助将不胜感激。这是我的代码:

window.onscoll = function() {
  showArrow()
};

function showArrow() {
  if (document.body.scrollTop > 25 || document.documentElement.scrollTop > 25) {
    document.getElementById("hide_Arrow").className = "show";
  } else {
    document.getElementById("hide_Arrow").className = "";
  }
}
console.log(arrow);

#arrow {
  position: relative;
  height: 270px;
  display: block;
  margin: -20px auto;
  overflow: hidden;
}

#hide_Arrow {
  height: 0px;
  margin: -200px 00px 0px 0px;
  overflow: hidden;
}

#hide_Arrow.show {
  height: 250px;
}

<div id="hide_Arrow">
  <img id="arrow" src="media/Arrow_down.png" alt="Arrow Down">
</div>

Answer 1

我觉得你打错了。

改变这个:

window.onscoll = function(){showArrow()};

为此:

window.onscroll = showArrow;

希望对您有所帮助!