2013-08-19 60 views
1

我在嘗試構建一個包含內嵌塊元素的自定義滾動條。在滾動條中總會有多行和多列的項目。預期的效果是讓所有當前可見的項目一致左/右滾動。jquery scroller工作不正常

目前,我收到了一個奇怪的結果,你可以在這個小提琴中看到。

http://jsfiddle.net/GR9ZR/2/

當前動畫:

if(direction == 'left'){ 
    item.animate({'left': -(item.position().left)}); 
} else { 
    item.animate({'right': -(item.position().left)}); 
} 
+0

我在js小提琴上看到了演示。你是否試圖建立一個每週或每月的日曆與任務項目? –

+0

這將是一個月曆。 – Geoff

+0

如果您不想使用自己的插件,可能會有所幫助:http://arshaw.com/fullcalendar/ –

回答

0

嘗試增加單位(例如,像素)到animate函數這樣

if(direction == 'left'){ 
item.animate({'left': -(item.position().left) +'px'}); 
} else { 
    item.animate({'right': -(item.position().left) + 'px'}); 
} 

左屬性返回只是一個數字。您可能需要實際動畫發生的單位。

+0

這仍然不能提供像我試圖實現的動畫。此外,第一個屏幕上未顯示的項目暫時出現在底部,並且不會正確滾動到視圖中。 – Geoff