Используйте iScroll для создания Picker с оснасткой

Question

Я пытаюсь создать список, который выглядит и выглядит как типичный «Picker», это означает, что это обычный список, который исчезает сверху и снизу, и есть маска накладывается посередине. Example

Проблема с нормальным списком начинается с первым < li> -элементной сверху в то время как она должна быть в середине, и прокрутку вниз до последнего элемента он на дне, а это должно быть в середина.

Чтобы исправить это, я внедрил некоторую прокладку. Однако после прокрутки и резервного копирования отступы больше не применяются. Я думаю, что это имеет какое-то отношение к maxScrollY в исходном коде.

Неужели кто-нибудь когда-либо пробовал что-то подобное или альтернативы?

Вот код:

var myScroll = new iScroll('hour-list-wrapper', { snap: "li", momentum: false, vScrollbar: false } );

http://jsfiddle.net/2kBdv/3

Answer 1

Mobiscroll библиотека сделает его более легким для вас, смотрите демку здесь http://demo.mobiscroll.com/select/select

Если вы хотите создать собственное решение для этого в любом случае вы можете найти вдохновение в исходном коде.