Я ищу для реализации горизонтальной прокрутки с помощьюjQuery.SerialScroll (на основеjQuery.ScrollTo).

В настоящее время у меня есть непрерывная горизонтальная прокрутка, работающая с liScroll, как я обсуждаю вэта почта.

Однако теперь мне нужна дискретная прокрутка, и у меня SerialScroll отлично работает для вертикальной прокрутки.

По какой-то причине, еслиось' свойство указано как 'x' Ничего не произошло.

Я могу'дажеПример SerialScroll для прокрутки справа налево работать.

У меня есть HTML, как это:

   Item 1
   Item 2
   Item 3

У меня есть такой jQuery, который работает, когда ось 'у'

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

Есть идеи?

// Редактировать (ответ принят)

Для тех, кто приходит, принятый ответ избавляет от необходимостиserialScroll» (просто нужно scrollTo). Высоты не былот требуется. Обязательно поменяйте $ ('скроллер») что-то вроде $ ('mywrap») или $ (target.parent (). parent ()). Вы также можете настроить автоматическую прокрутку следующим образом:

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

заменив #news ul li на ваш подходящий селектор.