Перейдите к определенному элементу в списке, а затем перейдите к следующему определенному элементу в списке

Question

Я работаю над веб-приложением (используя Javascript, JQuery, html, css), который просто при нажатии клавиши будет прокручивать эти каналы, поскольку число каналов больше, чем высота экрана, я должен использовать функцию прокрутки, когда достигает 10 каналов вниз или вверх, я использую метод scrollTop для этих целей.

поэтому позвольте мне упростить мой вопрос, как это (если кто-нибудь ответить на этот вопрос, он помогает мне достичь моей фактической цели)

У меня есть список элементов, и я знаю, как я могу перейти к конкретному элементу в списке , но моя цель - после первого прокрутки к элементу 8th, seTimeout, а затем прокрутите до следующего определенного элемента (элемент 14) списка. Я знаю, как я могу перейти к первому определенному элементу, но я не знаю после Timeout, как я могу перейти к следующему определенному элементу (пункт 14).

здесь код для прокрутки первого элемента, который работает отлично:

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

базы на выше коде, который работает, я пытался добавить следующий код, моя цель состоит в первую было бы перейти к пункту 8, а затем 3 второй тайм-аут, то было бы перейти к 14-й пункт (который не будет), пожалуйста, кто-нибудь сказать мне, как я могу это исправить, вот второй код, который не работает как желание:

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

Спасибо!

Answer 1

Вы можете создать массив со всеми позиции, которую вы хотите использовать и после тайм-аута удалить первый элемент массива

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

EDIT

Добавить проверки, если массив пустой интервал остановки

Example