2013-08-19 7 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

Try добавления единицы (например, рх) к функции живого, как этот

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

Левые возвращает свойство только номер. Возможно, вам понадобятся единицы для фактической анимации.

+0

Это все еще не обеспечивает карусельную анимацию, которую я пытаюсь достичь. Кроме того, элементы, которые не отображаются на первом экране на мгновение, отображаются внизу и не просматриваются в правильном порядке. – Geoff

Смежные вопросы