使用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

如果要創建此自定義解決方案無論如何，你可以在源代碼中尋找靈感。