Eu estou olhando para implementar a rolagem horizontal usandojQuery.SerialScroll (baseado emjQuery.ScrollTo)

Atualmente, tenho uma rolagem horizontal contínua trabalhando com o liScroll, como discuto emesta postagem.

No entanto, agora eu preciso de rolagem discreta e tenho o SerialScroll funcionando perfeitamente para rolagem vertical.

Por alguma razão, se a propriedade 'axis' for especificada como 'x', nada acontecerá.

Eu nem consigo pegar oExemplo SerialScroll para rolagem da direita para a esquerda trabalhar.

Eu tenho HTML assim:

<div id="pane">
   <div>Item 1</div>
   <div>Item 2</div>
   <div>Item 3</div>
</div>

Eu tenho jQuery como este, que funciona quando o eixo é 'y'

 jQuery(function($) {
      var $pane = $('#pane');
      $pane.serialScroll({
          items: 'div',
          next: $pane, // the container itself will get bound
          duration: 2100,
          force: true,
          axis: 'x',
          step: 1, //scroll 1 news each time
          event: 'showNext' //just a random event name
       });

       setInterval(function() {//scroll each 12 seconds
          $pane.trigger('showNext');
       }, 12000);
   });

Alguma ideia?

// Editar (resposta aceita)

Para aqueles que aparecem, a resposta aceita se livra da necessidade de "serialScroll" (só é necessário scrollTo). Alturas não eram necessárias. Certifique-se de alterar $ ('scroller') para algo como $ ('mywrap') ou $ (target.parent (). Parent ()). Você também pode configurar a rolagem automática como esta:

 var index = 2;

 setInterval(function() {//scroll each 5 seconds
 index = index > $('#news ul li').length ? 1 : index;
  sliderScroll($('#news ul li:nth-child(' + index + ')'));
  index ++;
 }, 5000);

substituindo #news ul li pelo seu seletor apropriado.