CSS触摸像使用鼠标滚动

时间:2017-08-01 11:07:23

标签: javascript html css css3 angular

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

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

enter image description here

我更倾向于使用纯CSS实现此行为,因为Chrome的检查工具也提供此功能,同时测试网站对不同屏幕尺寸的响应能力。因此,如果它可以通过CSS实现,那就太棒了。

enter image description here

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

1 个答案:

答案 0 :(得分:0)

您可以使用此库:http://hammerjs.github.io/。它涵盖了您可能感兴趣的各种手势。