如何使用jquery通过拖动实现滚动

时间:2012-02-05 16:30:10

标签: jquery jquery-ui jquery-ui-draggable

给定一个设置为隐藏溢出内容的预设高度(例如200px)的div, 和一个高度为600px的儿童div, 我希望能够使用拖动操作滚动内容div。

这样当鼠标在某个点开始向下并移动几个像素时,内容也会滚动。

最佳我希望在此行为中添加一些“速度和摩擦”逻辑,以便您可以“抛出”内容div,并且如果继续其移动超过丢弃点。

有谁知道这样的现成功能?在JQuery / JQuery Ui或一些插件? 如果不是,那么实施理念也会受到欢迎。

2 个答案:

答案 0 :(得分:2)

我最终使用了以下jquery插件: http://the-taylors.org/jquery.kinetic/

这很简单,有一些东西需要它,  但它非常小,并且具有我正在寻找的基本功能。

答案 1 :(得分:1)

我喜欢iScroll 4,但如果这是一个问题,它在固定定位方面存在一些问题。

Here's a live demo.