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

这是我的实际图像classname消失的问题！谢谢你们！

元素没有出现在滚动上

1 个答案: