2012-02-05 17 views
0

あふれているコンテンツを隠すように設定された高さ(たとえば200ピクセル)を持つdivと、 の子divと、高さ600pxの子div を使用してコンテンツdivをスクロールできるようにしたいドラッグアクション。jqueryを使用してドラッグでスクロールを実装する方法

のように、あるポイントでマウスの下が始まり、いくつかのピクセルが移動すると、コンテンツも同様にスクロールします。

この動作に「スピードと摩擦」のロジックを追加して、コンテンツのdivを「投げる」ようにして、ドロップポイントを超えて移動を続けるようにしたいと思っています。

このような既製の機能を知っている人はいますか? JQuery/JQuery Uiまたはいくつかのプラグインで 実装のアイデアが歓迎されない場合は、

答えて

2

私は、次のjQueryプラグインを使用して終了: http://the-taylors.org/jquery.kinetic/

それは簡単で、それについて希望するものがある、 しかし、それは非常に小さく、私が探していた基本的な機能を持っていますために。

1

私はiScroll 4が好きですが、問題がある場合は固定の位置付けにいくつかの問題があります。

Here's a live demo.

+0

私はこれを使用しようとしています。マウスボタンを離しても、「ゼロ」の位置に戻ります。私が逃しているアイデアは何ですか?ラッパーとスクロールの両方が絶対的な位置になっている必要がありますか? – epeleg

+0

@epeleg:わかりません。あなたはjsFiddleを投稿できますか? – Ryan

+0

申し訳ありませんが、あまりにも多くのコードがありますが、iScrollがサンプルを処理していましたが、私にとってはうまく機能しませんでした。私が書いたように、私はJQueryプラグインである他のコードを使ってしまった。 – epeleg

関連する問題