javascript - 如何使用 Javascript 终止无限滚动

Question

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

Codepen Link

Answer 1

抱歉已为您修复

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;
  }