当overflow = hidden时,移动拖动 - jquery

时间:2012-04-03 19:21:20

标签: jquery css mobile drag

我有一个无序列表,设置为overflow: hidden。宽度和高度是固定的,我希望能够在移动设备上垂直滚动拖动li

这可能吗?或者我是否必须创建div并将其用作面具?

1 个答案:

答案 0 :(得分:1)

而不是将<ul>设置为overflow:hidden。你为什么不把它设置为overflow:scroll

我创建了一个基本示例,其中包含一系列无序列表中的列表项,您可以在此处找到:http://fiddle.jshell.net/sbhomra/HMTpa/4/show/light/

我添加了-webkit-overflow-scrolling:touch样式,我相信它是iOS5 webkit的一部分。

我在iPad上进行了测试并且滚动工作。但我还没有在其他触摸设备上测试它。

修改

我实际上找到了一个名为iScroll的东西,它可以帮助您模拟在移动设备上滚动:http://cubiq.org/iscroll