Question

当我通过滚动到达时，我试图让元素淡入。但是我的 JavaScript 无效，我不知道出了什么问题。目前我正在尝试学习JavaScript，所以请不要用 JQuery 回答！

这是我的代码段：

＆＃13;

.service {
  width: 600px;
  height: 600px;
  background-color: black;
  opacity: 0;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
</p>

<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
</p>

<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
</p>

<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
</p>

<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
</p>

<div class="service">
  <!-- the element that i want to be reveald -->
</div>

＆＃13;

By.className("secondary right postfix findaddress")

＆＃13;

Answer 1

首先，你需要设置你的选择器来选择mike d评论中提到的第一个元素。

其次，var yScroll = window.scrollTop;需要var yScroll = window.scrollY;

第三，窗口滚动位置的评估需要在函数体内：

function scrollFun() {
var yScroll = window.scrollY;
  if (yScroll > yPos) {
    textElement.style.opacity = '1';
    console.log(yPos);
  } else {
    textElement.style.opacity = '0';
  }
}

滚动到达时，元素没有出现？

1 个答案: