Центрирование текста в сенсорном скроллере

Question

Я изменил версию сенсорной скроллера iScroll .Он был изменен на основе демонстрации карусели в файле примера при загрузке библиотеки.

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

Я дошел до центрирования первого текстового элемента, но он центрирует только текст в текущем выбранном элементе, а когда выбран другой элемент, он нарушает центрирование текста, это также прерывает привязку к эффекту первого элемента, когдасписок готов.Я сделал это, просто добавив поле margin:0 250px.

Образец моддированного скроллера здесь: http://jsfiddle.net/egfx/5TswV/2/show/

код ошибки: http://jsfiddle.net/5TswV/3/

Ибиблиотека находится здесь: https://github.com/cubiq/iscroll/tarball/master

мое разрешение: 1600x1200

Я ищу растяжимое решение, которое подойдет для любого контейнера и Res.

Спасибо.

Answer 1

Вот ваша проблема: ваш Li меньше вашего контейнера, если вы найдете способ сделать li такой же ширины, как контейнер, все будет правильно выровнено.

http://fiddle.jshell.net/5TswV/5/show/

http://fiddle.jshell.net/5TswV/5/

Использование jQuery:

$('#scroller li').width($('#wrapper').width());
$(window).resize(function(){$('#scroller li').width($('#wrapper').width())});