javascript - 元素未出现在滚动条上

Question

我试图在您滚动到页面的一部分后显示一个元素，但我似乎很难让该元素真正出现。

当您滚动到 200 但该元素未出现时，代码会添加该类。有什么建议吗？

window.onscroll = function() {

 scrollAppear()

};

function scrollAppear() {
if (document.body.scrollTop > 200 || document.documentElement.scrollTop > 200) {
    document.getElementById("dimSum").className = "appear";
} else {
    document.getElementById("dimSum").className = "hidden";
}
}

这是CSS

.dimsum {
  padding:40%;
  background-image: url(../images/dimSum.gif);
  background-size: 100%;
  background-repeat: no-repeat;
  width:350px;
}

.appear {

  opacity:0;
}

.hidden {

  opacity: 1;

}

Answer 1

这是我实际图像类名消失的问题!谢谢大家!