串行滚动条问题

时间:2011-04-15 13:59:53

标签: javascript jquery html

我遇到串行滚动条的问题:

标记:

<div id="scroller">    
      <ul style="width: 1200px;" id="items_scroller">    
        <li> aaa </li>
        <li> bbb </li>
        <li> ccc </li>
      </ul>
</div>

代码:

  $('#scroller').serialScroll({
    items:'li:visible',
    prev:'a#left_scroller',
    next:'a#right_scroller',
    axis:'x',
    offset:0,
    start:0,
    stop:false,
    onBefore:serialScrollFixLock,
    duration:700,
    step: 1,
    lazy: false,
    interval:5000,
    lock: false,
    force:false,
    cycle:true
  });

css:

#scroller{
  position: relative;
  overflow: hidden;
  height: 90px;
  width: 800px;

  }

#items_scroller li{
  float:left; 
  width:400px;
  height: 75px; 
  padding: 0px;
  position:relative;
  margin-left:0px;
  }

问题是当它到达正确的网站结束时,它会在返回到开头之前等待两次10秒。

看起来滚动器会计算一个项目,但我认为标记和代码是正确的。

1 个答案:

答案 0 :(得分:0)

查看serialScroll的“排除”选项,我认为这可以解决您的问题:http://flesler.blogspot.com/2008/02/jqueryserialscroll.html