微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Sortablejs根据边缘距离自动滚动速度

如何解决Sortablejs根据边缘距离自动滚动速度

sortablejs的自动滚动感觉几乎行不通。有时会滞后。我正在开发一个需要平滑滚动的应用程序,类似于在react-beautiful-dnd中的工作方式。当您靠近边缘时,它开始缓慢滚动,而当您靠近边缘时,它会加速。感觉很自然。

这是我们希望其工作的方式,然后是sortablejs当前的工作方式

美丽的反应性

react-beautiful-dnd-scroll

sortablejs

sortablejs-scroll

我从react-beautiful-dnd移到sortablejs,因为它不支持树状嵌套列表。但是sortablejs的自动滚动并不是我们可以部署给用户的东西,因为它感觉很容易出错,以至于感觉几乎行不通,并且使整个UX看起来很糟糕。因此,我确实像许多sortablejs用户一样陷入困境,他们提交了有关自动滚动的问题。

如果您知道如何实现此目标,或者知道另一个具有良好滚动和嵌套/树状结构支持的库,请提出建议。

这是一个干净简单的codeandBox来测试滚动

https://codesandbox.io/s/vanilla-sortablejs-scroll-test-fmch4

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。