滚动到列表中的特定项目，然后滚动到列表中的下一个特定项目

Question

我正在开发基于Web的应用程序（使用Javascript，Jquery，html，css），只需按下该键即可滚动这些频道，因为频道数大于屏幕高度，所以当到达每个频道时，我必须使用滚动功能向下或向上10个通道，为此我使用scrollTop方法。

因此，让我这样简化我的问题（如果有人回答了这个问题，它将帮助我实现自己的实际目标）

我有元素列表，我知道如何滚动到列表中的特定元素，但是我的目标是在第一次滚动到项目8th seTimeout之后，然后滚动到列表的下一个特定元素（项目14）。 我知道如何滚动到第一个特定元素，但是超时后我不知道如何滚动到下一个特定元素（第14项）。

这是滚动第一个正常工作的代码：

`http://jsfiddle.net/xY7tx/2339/`

基于上述有效的代码，我尝试添加以下代码，我的目标是首先滚动到项目8，然后超时3秒，然后滚动到第14个项目（无效），请有人告诉我如何我解决了，这是第二个代码，无法按需工作：

`http://jsfiddle.net/xY7tx/2338/`

谢谢！

Answer 1

您可以使用要使用的所有位置创建数组，并在超时后删除Array的第一个元素

    var container = $('div'),
        scrollTo = new Array($('#row_8'),$("#row_10"),$("#row_14"),$("#row_2"));

    container.scrollTop(
        scrollTo[0].offset().top - container.offset().top + container.scrollTop() 
    );

    scrollTo.shift();

    var refreshIntervalId = setInterval(function(){
    if(scrollTo.length!=0){
      container.scrollTop(
          scrollTo[0].offset().top - container.offset().top + container.scrollTop() 
      );
       scrollTo.shift();
    }else{
    clearInterval(refreshIntervalId);
    }   
    },3000);

编辑

添加检查数组是否为空停止间隔

例