如果用戶滾動超過一定距離，我希望能夠“播放”無限/循環(huán)的垂直滾動動畫。然后，如果用戶向后滾動超過該距離，我想停止播放該動畫并將狀態(tài)重置為原始/開始位置。我有感覺可以用實現(xiàn)clearInterval，但不能完全理解。這是我當前的代碼：HTML<div id="list">  <span>Item 1</span>  <span>Item 2</span>  <span>Item 3</span>  <span>Item 4</span>  <span>Item 5</span></div> <!-- /.list -->jQuery的const startCycle = () => {  $('#list').stop().animate({ scrollTop: `${amount}px` }, 400, 'swing', function() {    // update the order of the elements    $(this).scrollTop(0).find('span:last').after($('span:first', this))  })}const playAnimation = () => {  const pixels = window.pageYOffset  console.log("pixels:", pixels)  if (pixels >= 30) {    setInterval(startCycle, 1000)  } else {    clearInterval(startCycle)  }}document.addEventListener("scroll", playAnimation)這是查看筆的鏈接：https : //codepen.io/anon/pen/vMoJJe不幸的是，當前動畫顯得不連貫或卡在上面的if語句中，然后無法停止并向上滾動。目的是停止動畫并將其返回到其起始位置，span如果用戶超過一定距離，則顯示第一個動畫。