jquery - 如何使用 jQuery 在 div 中拖动和滚动

Question

我已经四处寻找了一段时间，但我找不到结合这些元素的方法:

我想要一个 100% 宽度的 div，包含 1 行元素。我需要滚动这个 div，就像:http://jqueryfordesigners.com/demo/scrollable-timelines.html

所以有隐藏的溢出等等。

但是现在当我放开鼠标点击时，我想要某种平滑的轻松感，所以它就像排序扫描一样。因此，当我从左向右拖动屏幕并松开鼠标时，它会继续移动 1 秒并线性减速。嗯，我说得有道理吗？

有人知道任何脚本或一些技巧可以让我回到正轨吗？

唐

Answer 1

Utterscroll 是我编写的一个拖动和滚动库:(编辑:演示暂时损坏，似乎 CDN 链接不再有效，)

GitHub:https://github.com/debiki/utterscroll
GitHub 托管演示:http://rawgit.com/debiki/utterscroll/master/utterscroll-example.html

它与其他库的不同之处在于，它 1) 理解您是否打算选择文本，而不是滚动(请注意，在 the example linked to by the question 中，不可能选择文本)，2) 它不需要或几乎不需要，配置。

当您释放鼠标时，Utterscroll 会停止(就像上面答案中的 Dragscrollable 一样。)