2010-06-14 57 views
13

我一直在现在正在寻找有一段时间了,并拖动滚动一个div,但我不能找到一种方法将这些元素结合:如何使用jQuery

我希望有一个100%的宽度DIV,用1行元素。我需要通过这个div滚动,就像:http://jqueryfordesigners.com/demo/scrollable-timelines.html

所以与一个隐藏的溢出等。

但是现在我想放松一下鼠标点击的时候就可以轻松一点,所以它就像排序一样。所以当我从左向右拖动屏幕,放开鼠标时,它会继续移动1秒,然后线性减速。嗯,我有道理吗?

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

+1

一个有关演示真的很烦人的事情是,如果你点击并移动鼠标滚动,然后松开当鼠标按钮位于内容框之外时,它将会像您的鼠标按钮在您的光标重新进入内容框时仍然处于按下状态一样,让人感觉不受控制滚动。 – 2010-06-14 23:43:26

回答

7

Utterscroll是一个阻力和滚动库我写:

GitHub的:https://github.com/debiki/utterscroll
GitHub的托管演示:http://rawgit.com/debiki/utterscroll/master/utterscroll-example.html
演示和博客文章:http://www.debiki.com/dev/utterscroll

它与其他图书馆不同的是,它1)了解您是否打算选择文本,而不是滚动(请注意,在the example linked to by the question,选择文本是不可能的),以及2)它不需要或几乎不需要配置。当你松开鼠标虽然

Utterscroll停止(就像Dragscrollable,在上面的答案,确实。)

+3

为什么有人会低估这一点?如果您留下评论并解释,或者在GitHub上提交问题,我将不胜感激。 – KajMagnus 2014-04-11 00:46:10

+0

这个演示似乎没有工作 – Kragalon 2016-04-27 23:27:32

+0

@Kragalon哦,我没有注意到。通过www.debiki.com可以访问的演示文稿确实被破坏了。但是,这个演示,在GitHub上托管,工作:http://rawgit.com/debiki/utterscroll/master/utterscroll-example.html - 我刚刚添加上面的链接。 – KajMagnus 2016-04-28 05:58:01