有一种方法可以在向下滚动时隐藏元素并在向上滚动时再次显示元素吗？

Question

我有一个有一个位置的blockquote：绝对：这样它就说明了它的位置。滚动它隐藏在另一个div后面，问题是在某些手机上，blockquote从所述div下面突出。

有没有办法让blockquote显示：none;当滚动超过500px并将if放回显示时：block：向后滚动时？

Answer 1

<script>
window.addEventListener('scroll', function(e) {
  if(window.scrollY>=500){
    document.getElementById("IDOFELEMENTTOHIDE").setAttribute("class", "displayNone ORIGINALCLASSES");
  }else{
    document.getElementById("IDOFELEMENTTOHIDE").setAttribute("class", "displayBlock ORIGINALCLASSES");
  }
});
</script>

将IDOFELEMENTTOHIDE替换为元素id，如果没有，请将其与<div id="id"></div>一起使用。将ORIGINALCLASSES替换为元素之前的类，如果没有，则可以安全地删除它。

然后加上这个。

<style>
.displayNone{
    display:none;
}
.displayBlock{
    display:block;
}
</style>