开发者

serial scroller problem

开发者 https://www.devze.com 2023-02-24 22:03 出处:网络
I have problem with serial scroller : Markup: <div id=\"scroller\"> <ul style=\"width: 1200px;\" id=\"items_scroller\">

I have problem with serial scroller :

Markup:

<div id="scroller">    
      <ul style="width: 1200px;" id="items_scroller">    
        <li> 开发者_运维百科aaa </li>
        <li> bbb </li>
        <li> ccc </li>
      </ul>
</div>

Code:

  $('#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;
  }

The problem is when it is going to the end of right site it's waiting twice more 10 second before it is return to the beginning.

It looks like scroller counts one more item but I think that the markup and code is correct.


Check out the "exclude" option for serialScroll, I think this may resolve your problem: http://flesler.blogspot.com/2008/02/jqueryserialscroll.html

0

精彩评论

暂无评论...
验证码 换一张
取 消