如何使用Javascript终止无限滚动

我目前正在开发这个基于javascript的滑块 我希望滑块在到达最后一张幻灯片时隐藏“下一步”按钮，并且在此之后不应滑动 我该怎么做

---

您可以在移动图像时检查它是否是列表中的最后一个elm，并使按钮显示“无”

功能移位滑动（直接，动作）{
items.classList.add（'shift'）；
if（index==document.querySelectorAll（'#slides.slide'）.length）{
document.querySelector（'#next'）.style.display='none'；
}
如果（允许换档）{
如果（！action）{posInitial=items.offsetLeft；}
if（dir==1）{
items.style.left=（posInitial-slideSize）+“px”；
索引++；
}else if（dir==-1）{
items.style.left=（posInitial+slideSize）+“px”；
索引--；
}
};
allowShift=false；
}

为您修复了它抱歉

function shiftSlide(dir, action) {
    items.classList.add('shifting');
     items.classList.add('shifting');
    console.log(index)
    if (allowShift) {
      if (!action) { posInitial = items.offsetLeft; }

      if (dir == 1) {
        items.style.left = (posInitial - slideSize) + "px";
        index += dir;      
      } else if (dir == -1) {
        items.style.left = (posInitial + slideSize) + "px";
        index+= dir;      
      }
      if(index == slidesLength -1){
           document.querySelector('#next').style.display = 'none';
          document.querySelector('#prev').style.display = 'block';
      }
    else if(index == 0){
       document.querySelector('#prev').style.display = 'none';
       document.querySelector('#next').style.display = 'block';
    }
      else{
        document.querySelector('#prev').style.display = 'block';
        document.querySelector('#next').style.display = 'block';
      }
    };

    allowShift = false;
  }

---

无限卷轴没有最终幻灯片。。。这就是为什么它是无限的。基本上是检查是否有下一个元素。如果没有-隐藏下一步button@Justinas你能建议我如何在代码中这样做吗？它根本不起作用。你们在给定的链接中应用了它吗？你们能告诉我在它到达最后一张幻灯片后我如何阻止它吗。