2017-08-01 89 views
4

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

到什么是可供trello.com类似:

enter image description here

我更愿意实现使用纯CSS这种行为,因为Chrome的检查工具还提供了在测试网站的响应能力针对不同屏幕尺寸此功能。所以如果它可能通过CSS,那将是很棒的。

enter image description here

如果它不会通过CSS可能的话,我想使用JavaScript或打字稿来实现。

+0

由于您尚未发布任何代码,因此我将链接您的示例codepen:https://codepen.io/JTParrett/pen/rkofB和a js库https://github.com/asvd/dragscroll。稍做修改都可以帮助你实现你所需要的。 –

回答