Javascript 使用鼠标进行CSS触摸式滚动

Javascript 使用鼠标进行CSS触摸式滚动,javascript,html,css,angular,Javascript,Html,Css,Angular,我如何才能在我的angular应用程序中添加鼠标滚动选项,类似于触摸屏设备中的鼠标滚动选项,在触摸屏设备中,您可以通过按住屏幕并左右滑动来滚动鼠标。如何使用鼠标实现类似的滚动技术,以便用户可以在某个空白区域单击鼠标,而不是在按住鼠标的同时在特定方向上移动鼠标以分别滚动 与trello.com上提供的内容类似: 我更愿意使用纯CSS实现这个行为,因为chrome的inspector工具也提供了这个特性,同时测试站点对不同屏幕大小的响应能力。因此,如果它可以通过CSS,这将是伟大的 如果无法通过

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

与trello.com上提供的内容类似:

我更愿意使用纯CSS实现这个行为,因为chrome的inspector工具也提供了这个特性,同时测试站点对不同屏幕大小的响应能力。因此,如果它可以通过CSS,这将是伟大的


如果无法通过CSS实现,则我希望使用JavaScript或TypeScript实现。

您可以使用此库:。它涵盖了您可能感兴趣的大量手势。

由于您尚未发布任何代码,我将为您链接一个示例代码笔:和一个js库。只要稍加修改,两者都能帮助您实现所需。