Question

我创建了一个我在移动设备上显示的HTML列表：

<ul>
    <li>...</li>
    ...
</ul>

当我触摸显示并开始移动我的手指时，这个长列表也会滚动。但是，我想要实现的是当我将手指从屏幕移开时，此列表仍应滚动片刻。如果您启动iPhone 5S本机电子邮件客户端，您可以看到这样的效果。

现在，如果我将手指从屏幕上移开，iPhone会立即停止滚动，从可用性的角度来看感觉不太好。

CSS解决方案是最好的解决方案，因为我尝试减少移动应用中使用的javascript代码量。

Answer 1

尝试：

body {
    -webkit-overflow-scrolling: touch;
}

如果您的列表位于不同的滚动容器中，那么也将-webkit-overflow-scrolling: touch;添加到该容器中。