移动端touch滑动事件，如果判断快速滑动，和平滑滑动呢？

Question

通过使用transition过渡效果，发现不太理想，有没有好的办法呢？

Answer 1

这里理解成滑动，包括手没有移开的滑动，和滑动后迅速移开；

transition + scroll 是很好的选择，如果说效果不理想，可能用法有些问题。

1. 手没有移开的滑动（平滑）

这里需要区分在滚动范围内还是不在其范围
如果在，就使用浏览器的滚动scroll，否则，这个时候，应该是用户手滑动多少，就移动多少，不需要动画，但是需要一些阻尼（例如：用户滑动100px,页面只移动50px），不然会导致页面滑动太“顺”，给人的感觉不友好，尽量和scroll保持一致。

1. 滑动后迅速移开（快速滑动）

这里和平滑差不多，主要是迅速离开的情况， 如果没有加载更多的情况，其实scroll 已经满足需求了，加载更多将动态计算，并加入transition + transform 动画

总结： 这里是scroll + transition来实现滑动，效果非常好，如果仅仅使用transition效果将非常生硬，而且计算麻烦。