使用iScroll创建具有快照功能的选择器

Question

我正在尝试创建一个外观和感觉就像典型的“Picker”的列表，这意味着它是一个正常的列表，在顶部和底部淡出，并且中间有一个掩码覆盖。 Example

普通列表的问题是它从顶部的第一个＆lt; li＆gt; -element开始，而它应该在中间，并向下滚动到底部的最后一个元素，而它应该在中间

要解决此问题，我实施了一些填充。然而，在向下滚动和向后滚动之后，不再应用填充。我认为这与源代码中的 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

如果您想为此创建自定义解决方案，您可以在源代码中寻找一些灵感。