serial scroller problem
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
精彩评论