Javascript 移动HTML：触摸结束后保持滚动

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

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

...

当我触摸显示屏并开始移动手指时，这个长长的列表也会滚动。然而，我想要实现的是，当我把手指从屏幕上移开时，这个列表应该仍然会滚动一段时间。如果您启动iphone5s本机电子邮件客户端，您可以看到这样的效果

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

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

试试：

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

---

如果列表位于不同的滚动容器中，则添加

-webkit overflow scrolling:touch到该容器。
我想您至少需要一些javascript/jquery来捕获滚动结束事件。检测到后，滚动选择一个额外的值。（比如100px）您可以使用Thank myajouri！！当我将它添加到body和ul标签时，它就工作了。