随机滚动图像一次

Question

我有17种不同的图像类别，我想一次在它们之间进行交换，但是只有在用户将其滚动后才可以交换。 console.log（）在此脚本中也不起作用。

在此处查看此代码：www.lobdell.me

<script type="text/javascript">
    window.addEventListener('scroll', function(e){
      if (window.scrollY >= 400 && window.scrollY <= 600){
      if (window.lastTime && Date.now() - window.lastTime < 1000) return;
      var roll = document.querySelector('#logoRoller');
        roll.classList.remove("logo1","logo2","logo3","logo4","logo5","logo6","logo7","logo8","logo9","logo10","logo11","logo12","logo13","logo14","logo15","logo16");
        roll.classList.add("logo"+ Math.floor(Math.random() * 16 + 1));
        window.lastTime = Date.now();
      }
    })

随机代码段正在刷新页面，如下所示：

<script type="text/javascript">
document.getElementById("logoRoller").classList.add("logo"+ Math.floor(Math.random() * 16 + 1));

Answer 1

已解决！在我的CSS中，我删除了：

/* overflow-x: hidden; */

这使我的滚动监听器混乱。