标签: serialscroll

我期待使用jQuery.SerialScroll(基于jQuery.ScrollTo)实现水平滚动.

我在这篇文章中讨论过,目前我正在使用liScroll进行连续水平滚动.

但是,现在我需要离散滚动,我让SerialScroll完美地用于垂直滚动.

出于某种原因,如果'axis'属性被指定为'x',则不会发生任何事情.

我甚至无法获得从右向左滚动工作的SerialScroll示例.

我有这样的HTML:

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

我有这样的jQuery,当轴为'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);
   });

有任何想法吗？

//编辑(接受答案)

对于那些出现的人来说,接受的答案摆脱了对"serialScroll"的需要(只需要scrollTo).高度不是必需的.一定要将$('scroller')更改为$('mywrap')或$(target.parent().parent()).您还可以像这样设置自动滚动:

 var …