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

时间:2010-06-14 22:57:43

标签: jquery scroll draggable

我一直在寻找一段时间,但我找不到合并这些元素的方法:

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

所以隐藏溢出等等。

但是当我放开鼠标点击时,我现在想要一些平滑的轻松,所以它就像是一次扫描。因此,当我从左向右拖动屏幕并松开鼠标时,它将继续前进1秒并线性减速。嗯,我有道理吗?

有没有人知道任何脚本或一些提示让我回到正轨?

1 个答案:

答案 0 :(得分:6)

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一样。)