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

问题描述 投票:13回答:1

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

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

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

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

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

jquery scroll draggable
1个回答
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)它不需要或几乎不需要配置。

当你释放鼠标时,Uttar Scroll会停止(就像上面的答案中的Drag Scrollable一样。)

© www.soinside.com 2019 - 2024. All rights reserved.