javascript - CSS触摸像使用鼠标滚动

Question

我如何在我的 Angular 应用程序中添加鼠标滚动选项，类似于触摸屏设备中存在的选项，您可以通过按住屏幕以及向左或向右滑动来滚动。我如何使用鼠标实现类似的滚动技术，以便用户可以在某个空白区域单击，而不是在特定方向按住单击移动鼠标分别滚动。

类似于 trello.com 的可用内容:

我更愿意使用纯 CSS 实现此行为，因为 chrome 的检查器工具在测试网站对不同屏幕尺寸的响应能力时也提供此功能。因此，如果可以通过 CSS 实现，那就太好了。

如果无法通过 CSS 实现，那么我想使用 JavaScript 或 TypeScript 实现。

Answer 1

你可以使用这个库:http://hammerjs.github.io/ .它涵盖了您可能感兴趣的大量手势。