javascript - 移动 HTML : keep scrolling after touch is ended

Question

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

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

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

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

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

Answer 1

尝试:

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

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