2011-04-15 117 views
1

我有連續滾動的問題:連續滾動的問題

標記:

<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秒以上。

它看起來像滾動計數一個項目,但我認爲標記和代碼是正確的。

+0

請編輯您的問題,repaste的HTML和CSS,並在編輯器中的格式使用'{}'按鈕他們作爲代碼塊。 – Mat 2011-04-15 14:01:51

+0

你有這個jsfiddle嗎? – chrisjlee 2011-05-04 20:17:34

+0

我試圖使用提供的代碼爲OP提供JSFiddle,並且包含SerialScroller插件 - http://jsfiddle.net/Edcgh/ - 但它根本不適用於我。可能錯過了一些東西。 – BoffinbraiN 2011-06-03 16:17:48

回答